웹마스터 팁
[로그인] 자바스크립트로 여러개 로그인하기
2002.08.13 20:56
cgi,php,asp,jsp를 모르는 사람들은 사용하는게 편리합니다. 다만 소스가 보여지니깐..불안하죠..^^
어트리뷰트 js 파일로 만든후 올리는것도 좋을듯 합니다.
소스를 공개를 드디어하겠습니다. 겨우 올립니다. 사실 이건 비공개인데 올려달라는 사람이 있어서..^^ 끈질기게 올려달라고 하네요^^
미리보기 http://manitocity.com.ne.kr
http://my.dreamwiz.com/19850216/skfak.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>로그인</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="이지성">
<META NAME="Keywords" CONTENT="이지성">
<META NAME="Description" CONTENT="홈페이지">
<style type="text/css">
<!--
Body,select {font-size:10pt;font-family:굴림,굴림체;scrollbar-face-color:#ffffff;scrollbar-shadow-color:#5f5f5f; scrollbar-highlight-color:#5f5f5f;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color: #ffffff;scrollbar-arrow-color:#5f5f5f}
Td {font-size:9pt;font-family:새굴림}
.ad{color:black;background-color:white;border:1 solid black}
.adb{color:black;background-color:white;border:1 solid black}
.adf{color:black;background-color:#fff8dd;border:1 solid black}
A:link {color:#0000ff;text-decoration:none;font-family:굴림,굴림체}
A:visited {color:#000000;text-decoration:none;font-family:굴림,굴림체}
A:active {color:red;font-family:굴림,굴림체}
A:hover {color:red;text-decoration:underline;font-family:굴림,굴림체}
-->
</style>
<!--로그인-->
<script language="javascript">
<!--
function Login() {
if (document.login.username.value=="") {
alert("아이디를 입력하지 않았습니다. 아이디를 입력하여 주십시오!");
document.login.username.focus(); //history.foward(-1);
return false;
}
if (document.login.password.value=="") {
alert("비밀번호를 입력하지 않았습니다. 비밀번호를 입력하여 주십시오!");
document.login.password.focus(); //history.go(-1);
return false;
}
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="member" && password=="member") {window.alert("안녕하세요? '"+document.login.username.value+"'님 로그인에 성공하였습니다.");window.location.href="member.html"; done=1;}
if (username=="사용할아이디" && password=="사용할 비번") {window.alert("안녕하세요? '"+document.login.username.value+"'님 로그인에 성공하였습니다.");window.location.href="member.html"; done=1;}
if (username=="member" && password=="member") {window.alert("안녕하세요? '"+document.login.username.value+"'님 로그인에 성공하였습니다.");window.location.href="member.html"; done=1;} //이런식으로 추가하면됨..
if (done==0) {alert("Invalid login!");}
}
function click() {
if ((event.button==2) || (event.button==3))
{alert("죄송합니다! 오른쪽 마우스 버튼을 사용할수 없습니다.");}
}
document.onmousedown=click
if (navigator.appName == "Netscape") {
document.captureEvents(Event.MOUSEDOWN)
document.onmousedown = checkClick
function checkClick(ev) {
if (ev.which != 1) {
alert("마우스를 사용할수 없습니다.n당신은 Netscape사용자 이시군요^^")
return false
}
}
}
curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}
</Head>
<BODY oncontextmenu="return false" ondragstart="return false" onselectstart="return false" topmargin="10" bottommargin="10" leftmargin="10" rightmargin="10" bgcolor="#ffffee" text="#000000" link="#0000EE" vlink="#1A8B55" alink="#FF0000">
<Div align="center">
<Form name="login" method="post" action="#" enctype="multipart/form-data" onsubmit="Login()"> <!--text/plain-->
<!--로그인 테이블-->
<Table border="1" align="center" cellpadding="1" cellspacing="1" width="125" height="0" Style="border-color:#000000;border-width:1pt;border-style:solid">
<Tr>
<Td align="center" width="100%" height="0" colspan="4" bgcolor="#fed74e" Style="border-color:#000000;border-width:1pt;border-style:solid">
<span style="background-color:yellow"><a href="../main/index.html" target="main" title="처음으로...">회원 로그인</a></span>
</Td>
</Tr>
<Tr>
<Td align="center" width="25%" height="0" bgcolor="#fee89c" Style="cursor:hand;border-color:#000000;border-width:1pt;border-style:solid" title="I.D">I.D</Td>
<Td align="center" width="75%" height="0" valign="middle" bgcolor="#fff8dd" Style="border-color:#000000;border-width:1pt;border-style:solid">
<input type="mage" value="" name="username" size="10" maxlength="10" onBlur="this.className='adb'" onFocus="this.className='adf'" class="ad" Style="cursor:text;color:#5c3327;">
</Td>
</Tr>
<Tr>
<Td align="center" width="25%" height="0" bgcolor="#fee89c" Style="cursor:hand;border-color:#000000;border-width:1pt;border-style:solid" title="password">P.D</Td>
<Td align="center" width="75%" height="0" valign="middle" bgcolor="#fff8dd" Style="border-color:#000000;border-width:1pt;border-style:solid">
<input type="password" value="" name="password" size="10" maxlength="10" onBlur="this.className='adb'" onFocus="this.className='adf'" class="ad" Style="cursor:text;color:#5c3327;"></Td>
</Tr>
<Tr>
<Td align="center" width="100%" height="0" colspan="4" bgcolor="#fed74e" Style="border-color:#000000;border-width:1pt;border-style:solid">
<input type="button" onclick="javascript:Login()"
style=border-color:#b0b0b0;background-color:#3d3d3d;color:#ffffff;font-size:8pt;font-family:Tahoma;height:20px; value="확인">
<input type="reset" style=border-color:#b0b0b0;background-color:#3d3d3d;color:#ffffff;font-size:8pt;font-family:Tahoma;height:20px; value="취소">
<input type="button" style=border-color:#b0b0b0;background-color:#3d3d3d;color:#ffffff;font-size:8pt;font-family:Tahoma;height:20px; value="신고" onclick="window.alert('서비스 안함')">
</Td>
</Tr>
</Table>
<!--/로그인 테이블-->
</Form>
</Div>
</BODY>
</Html>
어트리뷰트 js 파일로 만든후 올리는것도 좋을듯 합니다.
소스를 공개를 드디어하겠습니다. 겨우 올립니다. 사실 이건 비공개인데 올려달라는 사람이 있어서..^^ 끈질기게 올려달라고 하네요^^
미리보기 http://manitocity.com.ne.kr
http://my.dreamwiz.com/19850216/skfak.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>로그인</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="이지성">
<META NAME="Keywords" CONTENT="이지성">
<META NAME="Description" CONTENT="홈페이지">
<style type="text/css">
<!--
Body,select {font-size:10pt;font-family:굴림,굴림체;scrollbar-face-color:#ffffff;scrollbar-shadow-color:#5f5f5f; scrollbar-highlight-color:#5f5f5f;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color: #ffffff;scrollbar-arrow-color:#5f5f5f}
Td {font-size:9pt;font-family:새굴림}
.ad{color:black;background-color:white;border:1 solid black}
.adb{color:black;background-color:white;border:1 solid black}
.adf{color:black;background-color:#fff8dd;border:1 solid black}
A:link {color:#0000ff;text-decoration:none;font-family:굴림,굴림체}
A:visited {color:#000000;text-decoration:none;font-family:굴림,굴림체}
A:active {color:red;font-family:굴림,굴림체}
A:hover {color:red;text-decoration:underline;font-family:굴림,굴림체}
-->
</style>
<!--로그인-->
<script language="javascript">
<!--
function Login() {
if (document.login.username.value=="") {
alert("아이디를 입력하지 않았습니다. 아이디를 입력하여 주십시오!");
document.login.username.focus(); //history.foward(-1);
return false;
}
if (document.login.password.value=="") {
alert("비밀번호를 입력하지 않았습니다. 비밀번호를 입력하여 주십시오!");
document.login.password.focus(); //history.go(-1);
return false;
}
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="member" && password=="member") {window.alert("안녕하세요? '"+document.login.username.value+"'님 로그인에 성공하였습니다.");window.location.href="member.html"; done=1;}
if (username=="사용할아이디" && password=="사용할 비번") {window.alert("안녕하세요? '"+document.login.username.value+"'님 로그인에 성공하였습니다.");window.location.href="member.html"; done=1;}
if (username=="member" && password=="member") {window.alert("안녕하세요? '"+document.login.username.value+"'님 로그인에 성공하였습니다.");window.location.href="member.html"; done=1;} //이런식으로 추가하면됨..
if (done==0) {alert("Invalid login!");}
}
function click() {
if ((event.button==2) || (event.button==3))
{alert("죄송합니다! 오른쪽 마우스 버튼을 사용할수 없습니다.");}
}
document.onmousedown=click
if (navigator.appName == "Netscape") {
document.captureEvents(Event.MOUSEDOWN)
document.onmousedown = checkClick
function checkClick(ev) {
if (ev.which != 1) {
alert("마우스를 사용할수 없습니다.n당신은 Netscape사용자 이시군요^^")
return false
}
}
}
curPage=1;
document.oncontextmenu = function(){return false}
if(document.layers) {
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown = function(e){
if(e.target==document)return false;
}
}
else {
document.onmousedown = function(){return false}
}
</Head>
<BODY oncontextmenu="return false" ondragstart="return false" onselectstart="return false" topmargin="10" bottommargin="10" leftmargin="10" rightmargin="10" bgcolor="#ffffee" text="#000000" link="#0000EE" vlink="#1A8B55" alink="#FF0000">
<Div align="center">
<Form name="login" method="post" action="#" enctype="multipart/form-data" onsubmit="Login()"> <!--text/plain-->
<!--로그인 테이블-->
<Table border="1" align="center" cellpadding="1" cellspacing="1" width="125" height="0" Style="border-color:#000000;border-width:1pt;border-style:solid">
<Tr>
<Td align="center" width="100%" height="0" colspan="4" bgcolor="#fed74e" Style="border-color:#000000;border-width:1pt;border-style:solid">
<span style="background-color:yellow"><a href="../main/index.html" target="main" title="처음으로...">회원 로그인</a></span>
</Td>
</Tr>
<Tr>
<Td align="center" width="25%" height="0" bgcolor="#fee89c" Style="cursor:hand;border-color:#000000;border-width:1pt;border-style:solid" title="I.D">I.D</Td>
<Td align="center" width="75%" height="0" valign="middle" bgcolor="#fff8dd" Style="border-color:#000000;border-width:1pt;border-style:solid">
<input type="mage" value="" name="username" size="10" maxlength="10" onBlur="this.className='adb'" onFocus="this.className='adf'" class="ad" Style="cursor:text;color:#5c3327;">
</Td>
</Tr>
<Tr>
<Td align="center" width="25%" height="0" bgcolor="#fee89c" Style="cursor:hand;border-color:#000000;border-width:1pt;border-style:solid" title="password">P.D</Td>
<Td align="center" width="75%" height="0" valign="middle" bgcolor="#fff8dd" Style="border-color:#000000;border-width:1pt;border-style:solid">
<input type="password" value="" name="password" size="10" maxlength="10" onBlur="this.className='adb'" onFocus="this.className='adf'" class="ad" Style="cursor:text;color:#5c3327;"></Td>
</Tr>
<Tr>
<Td align="center" width="100%" height="0" colspan="4" bgcolor="#fed74e" Style="border-color:#000000;border-width:1pt;border-style:solid">
<input type="button" onclick="javascript:Login()"
style=border-color:#b0b0b0;background-color:#3d3d3d;color:#ffffff;font-size:8pt;font-family:Tahoma;height:20px; value="확인">
<input type="reset" style=border-color:#b0b0b0;background-color:#3d3d3d;color:#ffffff;font-size:8pt;font-family:Tahoma;height:20px; value="취소">
<input type="button" style=border-color:#b0b0b0;background-color:#3d3d3d;color:#ffffff;font-size:8pt;font-family:Tahoma;height:20px; value="신고" onclick="window.alert('서비스 안함')">
</Td>
</Tr>
</Table>
<!--/로그인 테이블-->
</Form>
</Div>
</BODY>
</Html>
댓글 10
-
ZipShin
2002.09.17 14:40
가입하는것은 만들어야합니다. -_-; 자바스크립트이기때문에;; -
ZipShin
2002.08.13 20:56
소스가 너무 길죠? http://manitocity.com.ne.kr에서 미리볼수있습니다.이건 내 홈페이지인데, 그냥 폼으로 만들었는거..^^ -
뒹굴리스트
2002.08.13 21:00
짚신님이 말하신대로 소스보기로 뚫리는군요;
불안초조근심걱정노심초사..ㅡㅡ;;; -
엔카일
2002.08.13 21:37
자바스크립트 인코더로 인코딩해서 해도 되겠네요..
물론 디코더가 있지만.....
자바스크립트에서도 쿠키를 구울수 있는데 이걸 이용해도 되겠네요^^ -
ZipShin
2002.08.13 21:45
예전에,제가 사용하던 소스랍니다. cgi를 몰랐을때 사용하던 소스인데; 자바스크립트 소스가 다른것보다 좋은것이지요..^^
사용법은 알것이라고 믿고 더 이상 질문을 받지 않겠습니다. -
wing
2002.08.14 13:49
저희집은 이게 안돼여... -
wing
2002.08.14 15:08
저희집은 안돼거든요.. 왜 안돼죠.. -
ZipShin
2002.08.14 15:55
안된다면, 제가 수정을 해서 다시 올리도록 하겠습니다. -
레드
2002.09.02 20:17
가입하는건 나오나요???^^;; -
김민환
2006.10.09 22:02
엑;;;저는 안되는데;;;;;;
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 도깨비불을 아시나요 [5] | 세벌사랑 | 2002.07.30 |
| ^^ 공포의 숫자맞추기 ^^ [17] | BULGOM | 2002.07.30 |
| [Siren]타이틀 글씨가 움직인다! (상태바아님) [4] | 세이렌 | 2002.07.31 |
아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트
[9]
 | 민이 | 2002.08.01 |
| 링크에 포커스 없애기 II [6] | steelheart | 2002.08.02 |
| iFrame 문서크기에 맞게.. 초간단.. [10] | 정명주 | 2002.08.02 |
| ZipShin이 사용하는 한링크에 두프레임 움직이기..^^ [14] | ZipShin | 2002.08.03 |
| 허접 자바 스크립트 -1- [6] | 홍윤식 | 2002.07.27 |
| 허접 자바 스크립트 강의 - 2 - [13] | 홍윤식 | 2002.07.29 |
| 허접 자바스크립트 강의 - 3 - [6] | 홍윤식 | 2002.07.31 |
|
개판 오분전 칼라팔레트
[5]
| 미친개 | 2002.08.08 |
| 허접 자바스크립트강의 - 4 - [8] | 홍윤식 | 2002.08.10 |
|
요일마다 지정된 태그 나타나게 하기
[1]
| Eccen | 2002.08.13 |
| 랜덤으로 배경음악 지정하기. [5] | ZipShin | 2002.08.13 |
| 랜덤으로 바뀌는 배경이미지 [11] | ZipShin | 2002.08.13 |
| [로그인] 자바스크립트로 여러개 로그인하기 [10] | ZipShin | 2002.08.13 |
| 개판 오분전 브레인 써바이벌 [19] | 미친개 | 2002.08.14 |
| ★랜덤으로 음악 재생하기★ [23] | 뽀유♡ | 2002.08.16 |
| NZEO의 좌측 이동메뉴를 구현해 보자. (이동 On/Off 기능 포함) [43] | steelheart | 2002.08.20 |
| 원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] | ▩윤미 | 2002.08.20 |