웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[로그인] 자바스크립트로 여러개 로그인하기
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
엑;;;저는 안되는데;;;;;;
제목 | 글쓴이 | 날짜 |
---|---|---|
로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] | 롤리^^ | 2010.09.16 |
노프레임 홈만들기 (2) - 로그인, 최근게시물 설치 [31] | @kihwa | 2003.07.26 |
로그인창에서.... [1] | 이진수 | 2006.07.02 |
[로그인] 자바스크립트로 여러개 로그인하기 [10] | ZipShin | 2002.08.13 |
자바스크립트로 여러개 아이디 로그인 하기 [5] | ZipShin | 2002.09.17 |
로그인과 로그아웃을 체크하는 방법입니다. [3] | 이영호 | 2003.01.24 |
다음 로그인 폼 입니다... 로그인후 원하는 곳으로!! [3] | 정성교 | 2003.03.05 |
[초간단 자바스크립트!] 자바로 로그인폼 만들기 [3] | ∑Ztxy | 2004.01.26 |
{로그인}관리자 로그인 폼 간단함 [2] | 김민환 | 2006.10.10 |
[PHP]간단한 로그인페이지 만들기 [15] | ZipShin | 2002.07.09 |
웹 인증 보호, 윈도우 로그인 폼 이용 (authenticate) [9] | 둘리나라™ | 2003.01.13 |
한꼬마의 제로보드 활용방법 (로그인 값 알아 보기) [3] | 한꼬마 | 2003.11.20 |
PHP프로그램에 간단한 인증(로그인) 걸기. [15] | Lepas | 2004.08.09 |
[PHP 동영상강의] 25. 회원가입처리 / 로그인 구현 [6] | 서기 | 2005.12.16 |
[PHP 동영상강의] 39. 회원가입/로그인 처리 [8] | 서기 | 2006.02.06 |
[PHP 동영상강의] 43. 공용함수의 제작/쿠키로그인(보안) [4] | 서기 | 2006.03.16 |
포인트부여시 ...회원로그인 [2] | 구본순 | 2007.08.28 |
FTP 에 사용자추가후 로그인부분 추가하기 - 사용자추가부분 [5] | DearMai | 2002.08.12 |
FTP 에 사용자추가후 로그인부분 추가하기 - 로그인 부분 [2] | DearMai | 2002.08.12 |
iis에서 로그인창 뜨는 문제 해결방법 제시 [3] | 함재식 | 2003.12.12 |