묻고답하기
로그인 위젯 만들다가 질문드립니다. 이미지 버튼 토글?기능
2010.10.01 13:53
안녕하세요.
<input type="checkbox" name="keep_signed" id="keepid" value="Y" onclick="return confirm(keep_signed_msg);" />
<label for="keepid" title="{$lang->keep_signed}" >{$lang->keep_signed}</label>
위 부분은 체크박스와 로그인유지 텍스트를 출력하는 부분 입니다.
위 방식이 아닌 두개의 ON과 OFF 이미지로 위 기능을 구현하고 싶은데요.
<input type="image" src="./images/{$colorset}/buttonLogin.gif" alt="login" title="login" class="login" />
이 방법으로 이미지는 출력이 가능합니다.
여기서 궁금한게..
<input type="image" src="이미지주소" name="keep_signed" id="keepid" value="Y" onclick="return confirm(keep_signed_msg);" />
이렇게 이미지 하나를 출력한다고 했을때 이걸 클릭하면 체크박스처럼 Y값이 전송이 될까요?
그리고 저 값이 Y일때 ON 이미지를 N일때 OFF 이미지를 출력해줘야 하는데요.
이 부분은 어떻게 구현하면 좋을지 정보좀 부탁드립니다.
그냥 단순하게 레이어 토글을 생각하긴 했는데 이방법이 최선인지는 모르겠네요...
레이어 토글을 사용한다면 input image에서 value값만 Y/N 나눠서 다른 레이어에 넣어주면 되는건지...
크...어렵네요.. 고수분들의 많은 도움 부탁드립니다..
14:05
일단 자동로그인 기능이 동작하는지를 확인하기 위해 type를 checkbox대신 아래와 같은 소스로 변경했는데 안되네요..
<input type="image" src="./images/{$colorset}/on.gif" name="keep_signed" id="keepid" value="Y" />
14:10
<input type="checkbox" name="keep_signed" id="keepid" value="Y" style="display:none"/>
<label for="keepid" title="{$lang->keep_signed}" ><img src="./images/{$colorset}/on.gif" /></label>
위에 소스처럼 체크박스를 보이지 않게하고 이미지를 라벨로 감싸주니 로그인유지 기능이 동작 합니다.
이제 클릭할때마다 이미지 변경하는것만 하면되는데 어떤 방법이 좋을지 의견 부탁드려요~
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
켄신상 | 게시판 작성글 관리자만 삭제할수있도록 하는 [1] | 2010.10.01 by Gekkou |
세일성남 |
복구작업 오류
[1]
![]() | 2010.10.01 by Gekkou |
육민호 | 페이지와 게시판 관련 문의 입니다. | |
바스 |
피앙새 최신글 에서 수정시 타이틀글씨가 살아집니다.
![]() | |
mayanking |
sunooDMv3.0 고수분 혹은 유사인님 부탁합니다.
![]() | |
축복의 통로 | xe없이 도메인사용하기 [1] | 2010.10.01 by Gekkou |
gyein | xe 1.4.3.1 파일 어디서 구할 수 있을까요? [1] | 2010.10.01 by hhgyu |
초립 | 글쓰기 에러. | |
김성호321 | 소스 수정좀 부탁드려요 | |
sshark | 보유 도메인 연결시 각 메뉴의 쓰기가 되지 않습니다? | |
Seeean | Break 구문을 사용하려면? [1] | 2010.10.01 by SMaker |
k2five | dtd가 두번 선언 되는 경우 ... [1] | 2010.10.01 by SMaker |
syungteu | 파일 삭제가 안되네요.. [1] | 2010.10.01 by 백성찬 |
dukecherry | 도메인포워딩이 동작하지 않습니다. [1] | 2010.10.01 by 백성찬 |
dukecherry | 우편번호 검색대상 서버접속에 실패하였습니다. [1] | 2010.10.01 by hhgyu |
멈멈 | 로그인에관하여 | |
으아악. |
[내용 직접 추가]를 선택하여 이미지를 넣으면 밀리는 현상이 발생하네요.
![]() | |
Com119 | 게시판이 밑으로 축 쳐졌습니다. [1] | 2010.10.01 by hhgyu |
스카이피아 | 자바스크립트에서 상대경로 [1] | 2010.10.01 by hhgyu |
오뚝이 | 이걸 어찌 해결해야 할지 모르겠읍니다 [1] | 2010.10.01 by Seeean |
해결했습니다.
자바 스크립트를 사용하여 이미지 토글을 했어요.
function autologin(img) {
if(img.checked) {
img.checked = false;
img.src="http://newultra3.hosting.paran.com/xe/widgets/login_info/skins/sky_login/images/default/off.gif"
} else {
img.checked = true;
img.src="http://newultra3.hosting.paran.com/xe/widgets/login_info/skins/sky_login/images/default/on.gif"
}
}
<input type="checkbox" name="keep_signed" id="keepid" value="Y" style="display:none"/>
<label for="keepid" title="{$lang->keep_signed}" ><img src="./images/{$colorset}/off.gif" onClick="autologin(this);"/></label>