'생각하는섬 바닷가 - 아웃로긴에서 체크박스를 이미지로 대체'

아웃로긴폼의 자동로긴 체크박스를 이미지로 만드는 방법에 대한 질문이 많은데
딱히 답을 주시는 분이 없어 꽁수를 써서 만들어보았습니다.
체크박스를 숨기고 토글이미지를 클릭시 체크/아웃 되는 방식입니다.

이미지는 귀차니즘으로 인해 따로 만들지 않았고, 그냥 게시판 스킨에서
이름 검색 부분의 on/off 이미지를 갖다 썼습니다.
적용하실 땐 직접 만들어 쓰세용~~~
name_off.gif -> 자동로긴 사용안함
name_on.gif -> 자동로긴 사용함

outlogin_skin/스킨이름/login.html 을 열어 다음과 같이 수정해 줍니다.
소스를 간명하게 하기 위해 원래 있던 소스를 많이 지웠습니다.
빨간 부분이 수정되는 핵심이니 주의해서 수정해 주세요.

<form name=zb_login method=post action="[action]" onsubmit="return zb_login_check_submit();">
<input type=hidden name=s_url value="[s_url]"><br>
<input type="checkbox" style='display:none;' name="auto_login" value="1">
<a href=# onclick="rollovercheck();onoff();"><img name=offpic src=../bbs/skin/mw_style_board/name_off.gif border=0></a><br>
<script>
var thebox=document.zb_login
function rollovercheck(){
        if(thebox.auto_login.checked==false) {
                thebox.auto_login.checked=true
                var check;
                check = alert("게임방, 학교등 공공장소에서 자동로긴 사용시 개인정보가 유출될수 있으니 주의해주세요");
        }
        else {
                thebox.auto_login.checked=false
        }
}

var reedyfox = new Image();
reedyfox.src = "../bbs/skin/mw_style_board/name_off.gif"

function changeimg() {
document.images.offpic.src='../bbs/skin/mw_style_board/name_off.gif';
}

var changepic = true;
function onoff() {
    if (!changepic) {
         changeimg();
         changepic = true;
         return;

      }
    else (!changepic); {
         document.images.offpic.src='../bbs/skin/mw_style_board/name_on.gif';
         changepic = false;

      }
}

</script>
<input type=text size=9 name=user_id><br>
<input type=password size=9 name=password><br>
[login]
</form>

테스트 주소는

http://reedyfox.com/_test/031025.html

입니다. 문제가 있을 때는 코멘트 달아 주십시오.

2003년 1월 8일 이후 모두 명 오늘 명
메인 페이지
칼럼 보기
카툰 보기
게시판 가기
사이트맵
그밖의 것들

가입하면 정말 편합니다;;

▶	자유 게시판
	질답 게시판
	유용한 정보