체크박스 대신 이미지로 하는 자동로그인! 정보
체크박스 대신 이미지로 하는 자동로그인!관련링크
http://www.glueleaf.net/
380회 연결
본문
안녕하세요 ^^
글루리프입니다. 요번에 제 사이트를 리뉴얼 할려고 하다가
레이아웃 3개는 만들었는데 다 실패했답니다 ㅠㅠ
만들고 맘에 들어하다 나중에 싫어지게되고...
문제는 그에 따른 스킨들도 같이 만들었다는것! ㅠ.ㅠ
요번에 리뉴얼 작업 중 그누보드4에서 구현되지 못한 이미지 자동로그인을 시도해보겠습니다.
* 소스 1
<input type="checkbox" style='display:none;' name="auto_login" value="1">
위 소스를 <form ***><input ***> 아래에 넣어주세요.
* 소스 2
<a href=# onclick="autocheck();"><img name="autologinpic" src="자동로그인 이미지(off) 주소" border=0></a>
위 소스를 자동로그인을 넣을 장소에 넣어주세요.
여기서 확인하실점은 name="autologinpic"인데 이걸 꼭 넣어주셔야만 합니다!
* 소스 3
var flogin = document.fhead.auto_login;
var flogin_image = document.images.autologinpic.src;
function autocheck()
{
if(flogin.checked==false)
{
if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?'))
{
flogin.checked = true;
document.images.autologinpic.src = '자동로그인 이미지(on) 주소';
}
else
{
flogin.checked = false;
document.images.autologinpic.src = '자동로그인 이미지(off) 주소';
}
}
else
{
flogin.checked = false;
document.images.autologinpic.src = '자동로그인 이미지(off) 주소';
}
}
위 소스는 <script></script> 사이에 넣어주세요.
* 잡담
위 소스의 아이디어는 제*보드에서 퍼왔습니다. 소스 1, 2 같은경우 퍼온걸로 되어있지만, 소스3같은경우 제가 직접 소스를 짜서 구현을 해보았습니다.
그누보드4의 자동로그인 같은경우 [확인/취소] 로 되어있어, 자동로그인 사용여부를 가리는데, 원본소스 같은경우 그저 위험성만 알려줬을뿐입니다.
많은 시행착오로 이루어낸 작업이며, 이제 앞으로도 예쁘고 멋진 스타일의 로그인 스킨들이 나왔으면 하는 바램입니다 ^^
그리고 리뉴얼 레이아웃은 또다시 새로 작업중... ㅠ.ㅠ
(제 사이트를 링크로 걸었으며 리뉴얼 2번째 레이아웃입니다, 그러나 사용하지 않을것이며 언젠가 삭제되겠죠 ㅡㅡ; 아웃로그인은 그대로 있으니 회원가입을 하여서 테스트 해보세요!)
글루리프입니다. 요번에 제 사이트를 리뉴얼 할려고 하다가
레이아웃 3개는 만들었는데 다 실패했답니다 ㅠㅠ
만들고 맘에 들어하다 나중에 싫어지게되고...
문제는 그에 따른 스킨들도 같이 만들었다는것! ㅠ.ㅠ
요번에 리뉴얼 작업 중 그누보드4에서 구현되지 못한 이미지 자동로그인을 시도해보겠습니다.
* 소스 1
<input type="checkbox" style='display:none;' name="auto_login" value="1">
위 소스를 <form ***><input ***> 아래에 넣어주세요.
* 소스 2
<a href=# onclick="autocheck();"><img name="autologinpic" src="자동로그인 이미지(off) 주소" border=0></a>
위 소스를 자동로그인을 넣을 장소에 넣어주세요.
여기서 확인하실점은 name="autologinpic"인데 이걸 꼭 넣어주셔야만 합니다!
* 소스 3
var flogin = document.fhead.auto_login;
var flogin_image = document.images.autologinpic.src;
function autocheck()
{
if(flogin.checked==false)
{
if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?'))
{
flogin.checked = true;
document.images.autologinpic.src = '자동로그인 이미지(on) 주소';
}
else
{
flogin.checked = false;
document.images.autologinpic.src = '자동로그인 이미지(off) 주소';
}
}
else
{
flogin.checked = false;
document.images.autologinpic.src = '자동로그인 이미지(off) 주소';
}
}
위 소스는 <script></script> 사이에 넣어주세요.
* 잡담
위 소스의 아이디어는 제*보드에서 퍼왔습니다. 소스 1, 2 같은경우 퍼온걸로 되어있지만, 소스3같은경우 제가 직접 소스를 짜서 구현을 해보았습니다.
그누보드4의 자동로그인 같은경우 [확인/취소] 로 되어있어, 자동로그인 사용여부를 가리는데, 원본소스 같은경우 그저 위험성만 알려줬을뿐입니다.
많은 시행착오로 이루어낸 작업이며, 이제 앞으로도 예쁘고 멋진 스타일의 로그인 스킨들이 나왔으면 하는 바램입니다 ^^
그리고 리뉴얼 레이아웃은 또다시 새로 작업중... ㅠ.ㅠ
(제 사이트를 링크로 걸었으며 리뉴얼 2번째 레이아웃입니다, 그러나 사용하지 않을것이며 언젠가 삭제되겠죠 ㅡㅡ; 아웃로그인은 그대로 있으니 회원가입을 하여서 테스트 해보세요!)
추천
0
0
댓글 0개