웹마스터 팁

  2. Support
  3. 웹마스터 팁

[로그인] 자바스크립트로 여러개 로그인하기

2002.08.13 20:56

ZipShin

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>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
개판 오분전 넷 비디오 [1] 미친개 2002.09.19
타이틀 바 마퀴 소스 [2] 미친개 2002.09.18
자바스크립트로 여러개 아이디 로그인 하기 [5] ZipShin 2002.09.17
원하는곳에 배경그림고정 [1] 아벨라 2002.09.17
문서중 http://***.*** 에 자동링크 - 이제 서버측에서 하지 마세요.. [9] 정명주 2002.09.04
[re] 문서중 http://***.*** 에 자동링크 ~ 저도 한번 해봤습니다.. [3] 점퍼워니 2002.09.05
브라우저 언어에 따라 다른 페이지 보이기 [11] 써니얌 2002.09.03
접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] 노명수 2002.09.02
[기본] 글씨 꾸미기 ^ㅡ^; [13] 현 2002.08.24
원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] ▩윤미 2002.08.20
NZEO의 좌측 이동메뉴를 구현해 보자. (이동 On/Off 기능 포함) [43] steelheart 2002.08.20
★랜덤으로 음악 재생하기★ [23] 뽀유♡ 2002.08.16
개판 오분전 브레인 써바이벌 [19] 미친개 2002.08.14
[로그인] 자바스크립트로 여러개 로그인하기 [10] ZipShin 2002.08.13
랜덤으로 바뀌는 배경이미지 [11] ZipShin 2002.08.13
랜덤으로 배경음악 지정하기. [5] ZipShin 2002.08.13
요일마다 지정된 태그 나타나게 하기 [1] file Eccen 2002.08.13
허접 자바스크립트강의 - 4 - [8] 홍윤식 2002.08.10
개판 오분전 칼라팔레트 [5] file 미친개 2002.08.08
허접 자바스크립트 강의 - 3 - [6] 홍윤식 2002.07.31
태그 쓰기