필수입력박스의 삼각형 표시 없애기 - wrest.gif

[필수입력박스의 삼각형 표시 없애기 - wrest.gif]

필수입력 부분의 이미지를 바꾸는 방법 

아이디, 비밀번호 등의 입력상자에 나타나는 삼각형 표시를 없애려고 합니다.

그누보드를 설치해서 사용하다 보면 자주 보는 것입니다.

반드시 입력이 되야 하는 텍스트입력 박스에는 필수입력의 의미로 삼각형 모양이 오른쪽 위에 붙습니다.

그러나 필요에 따라 필수입력임에도 이러한 표시를 하지 않아야 할 때가 있습니다.

그럴 때 아래의 파일을 찾아 처리하면 됩니다.

설치된 그누보드의 하위 디렉토리를 보면 Js라는 폴더가 있습니다.

그 안에 wrest.gif라는 파일이 있는데 이 파일을 수정하면 됩니다.

다른 색을 원할 경우 포토샵 등의 이미지 프로그램에서 색상 변경을 해도 됩니다.

아무 표시가 없길 바랄 때는 가로 6픽셀, 세로 6픽셀의 투명 gif 파일을 만들어서 덮어 씌우는 것이 편합니다.

물론, wrest.gif파일을 호출하는 해당 코드를 찾아서 삭제해도 문제 없으나 경우에 따라 불편한 경우도 있을 수 있기에 이미지파일의 수정을 권장합니다.

코드파일을 열어서 소스를 수정하는 방법 

만약, 코스상에서 완전 삭제를 원할 경우에는 wrest.js파일을 찾아서 엽니다. Js폴더에 있습니다. 

// 필수 입력일 경우는 * 배경이미지를 준다.

                if (document.forms[i].elements[j].getAttribute("required") != null) 

                {

                    //document.forms[i].elements[j].style.backgroundColor = wrestFldDefaultColor;

                    //document.forms[i].elements[j].className = "wrest_required";

                    document.forms[i].elements[j].style.backgroundImage = "url("+g4_path+"/js/wrest.gif)";

                    document.forms[i].elements[j].style.backgroundPosition = "top right";

                    document.forms[i].elements[j].style.backgroundRepeat = "no-repeat";

                }

위의 코드를 찾아서 

document.forms[i].elements[j].style.backgroundImage = "url("+g4_path+"/js/wrest.gif)"; 부분을

// document.forms[i].elements[j].style.backgroundImage = "url("+g4_path+"/js/wrest.gif)"; 처럼

주석처리 해 주어도 됩니다. 

[저작권법 표시] 이 글의 원본: 키스세븐(www.kiss7.kr)

하지만, 투명이미지를 대체하는 것을 더 추천합니다.

★ 이 정보가 도움이 된다면 아래의 공감을 부탁드립니다! ^^

(로그인 필요없음)