웹마스터 팁
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
엑;;;저는 안되는데;;;;;;
제목 | 글쓴이 | 날짜 |
---|---|---|
웹호스팅 서버세팅 쉽게하기 팁[윈도우 메모장 이용] [3] | 김영남 | 2002.05.14 |
텔넷에서 다른 계정사용자의 홈디렉토리 접근 막기 [4] | 김영남 | 2002.05.11 |
Redhat 7.3 나왔습니다. [20] | 야쿠자 | 2002.05.10 |
[알아서 나쁠것없는 10원짜리 팁!] 수십 수백명사용자의 일괄생성 방법! [6] | 임현 | 2002.05.09 |
Redhat7.2에서 apache,mysql,php,zend,gd,freetype,giflib,jpeglib,zlib 설치하기 [14] | DeX™ | 2002.05.04 |
개인서버구동시 서버커널 메모리로....(렉생기시는분들 강추) [2] | 홈1004 | 2002.05.03 |
DB 디자인 툴 소개 [2] | 석이 | 2002.04.21 |
Apache2.0.35 + php4.3.0-devel 설치하기;; [15] | Cksoft | 2002.04.08 |
[mysql을 하자 3] DB서버 원격 사용자,DB 만들어 사용하기 [5] | 비바람 | 2002.03.13 |
[mysql을 하자 2] (pai님도 하신^^)사용자와 db를 맹글자 [4] | 비바람 | 2002.03.13 |
[mysql을 하자 1] mysql 종료와 재부팅 | 비바람 | 2002.03.13 |
MySQL 사용자 계정주기 [10] | pai | 2002.03.12 |
리눅스 아주 간단한 사용자 계정 주기-_- [7] | i- | 2002.03.12 |
아래 pai님 도메인셋팅 강좌 세부파일들 예제 :) [3] | 아르체 | 2002.03.06 |
근사모의 APM_steup3설치 법 [5] | 뽀유★ | 2002.03.01 |
리눅스서버 : 도메인 가진 사용자 추가하기 (텔넷,FTP,이메일 사용) [5] | pai | 2002.02.27 |
전자우편만 사용할수 있는 계정추가하기 [1] | pai | 2002.02.25 |
아파치 가상 유저 설정하기 [6] | i- | 2002.02.24 |
네임서버 설정 [15] | 쇠물택 | 2002.02.24 |
리눅스 시스템에서 시간 맞추기 [2] | 쇠물택 | 2002.02.24 |