作者kewl (痴)
看板Web_Design
標題Re: [問題] 請教文中的語法問題
時間Thu Aug 23 11:55:25 2007
※ 引述《lvmlis (123)》之銘言：
: 大家好
: 我想請教大家
: 我想在下文中的程式碼中
: 加入 自己的設定 密碼
: 又當使用者輸入正確密碼後 希望他跳轉到正確的網頁
: 不知道該在哪段中加入
: 煩請大家給我一點提示 謝謝
: ----
: 網頁版本 http://211.75.223.181/js/003/003.htm
: ----
: 原始程式內容如下 <圖檔已經備份>
: 將下列程式碼複製至<head>程式碼</head>區內。
: <form name=form1>
: <input type=hidden name=pwd value="">
: <input type=hidden name=chk value="0">
: </form>
: <center>
: <table border=0 cellpadding=0 cellspacing=0><tr><td bgcolor=#000000>
: <table border=0 cellpadding=0 cellspacing=1><tr><td bgcolor=#c0c0c0 height=20>
: <div>圖 形 輸 入 密 碼 範 例</div>
: </td></tr><tr><td bgcolor=#909090>
: <table border=0 cellpadding=0 cellspacing=1><tr><td bgcolor=#606060>
: <table border=0 cellpadding=10 cellspacing=0><tr><td>
: <table border=0 cellpadding=0 cellspacing=0><tr>
: <td rowspan=4 width=100 align=center>
: <table border=0 cellpadding=0 cellspacing=0><tr>
: <td colspan=4 height=30><font color=#dddddd>請 輸 入 密 碼</font></td>
: </tr><tr>
: <td><img name=pwd1 src=./pwd_t.gif width=21 height=23 border=0></td>
: <td><img name=pwd2 src=./pwd_t.gif width=21 height=23 border=0></td>
: <td><img name=pwd3 src=./pwd_t.gif width=21 height=23 border=0></td>
: <td><img name=pwd4 src=./pwd_t.gif width=21 height=23 border=0></td>
: </tr><tr>
: <td colspan=4 height=30><a href="javascript:chk();" class=atm><img name=chk
: src=./chk_0.gif border=0 align=texttop>
: 顯示數字</a></td>
: </tr></table>
: </td>
: <td><a href="javascript:press('7');" onmouseover="up('7');"
: onmouseout="dn('7');"><img name=atm7 src=./atm_70.gif width=23 height=24
: border=0></a></td>
: <td><a href="javascript:press('8');" onmouseover="up('8');"
: onmouseout="dn('8');"><img name=atm8 src=./atm_80.gif width=23 height=24
: border=0></a></td>
: <td><a href="javascript:press('9');" onmouseover="up('9');"
: onmouseout="dn('9');"><img name=atm9 src=./atm_90.gif width=23 height=24
: border=0></a></td>
: </tr><tr>
: <td><a href="javascript:press('4');" onmouseover="up('4');"
: onmouseout="dn('4');"><img name=atm4 src=./atm_40.gif width=23 height=24
: border=0></a></td>
: <td><a href="javascript:press('5');" onmouseover="up('5');"
: onmouseout="dn('5');"><img name=atm5 src=./atm_50.gif width=23 height=24
: border=0></a></td>
: <td><a href="javascript:press('6');" onmouseover="up('6');"
: onmouseout="dn('6');"><img name=atm6 src=./atm_60.gif width=23 height=24
: border=0></a></td>
: </tr><tr>
: <td><a href="javascript:press('1');" onmouseover="up('1');"
: onmouseout="dn('1');"><img name=atm1 src=./atm_10.gif width=23 height=24
: border=0></a></td>
: <td><a href="javascript:press('2');" onmouseover="up('2');"
: onmouseout="dn('2');"><img name=atm2 src=./atm_20.gif width=23 height=24
: border=0></a></td>
: <td><a href="javascript:press('3');" onmouseover="up('3');"
: onmouseout="dn('3');"><img name=atm3 src=./atm_30.gif width=23 height=24
: border=0></a></td>
: </tr><tr>
: <td><a href="javascript:press('0');" onmouseover="up('0');"
: onmouseout="dn('0');"><img name=atm0 src=./atm_00.gif width=23 height=24
: border=0></a></td>
: <td colspan=2><a href="javascript:fix();" onmouseover="up('f');"
: onmouseout="dn('f');"><img name=atmf src=./atm_f0.gif width=46 height=24
: border=0></a></td>
: </tr></table>
: </td></tr></table>
: </td></tr></table>
: </td></tr></table>
: </td></tr></table>
: </center>
: 將下列程式碼複製至<body 程式碼>的標籤之中。
: onload="fix();"
: 將下列程式碼複製至<body>程式碼</body>之間。
: <script>
: function chk(){
: eval('document.form1.chk.value') == "0" ? showpwd(1) : showpwd(0);
: }
: function showpwd(n){
: document.body.focus();
: document.form1.chk.value=n
: eval('document.chk.src="./chk_'+n+'.gif"');
: var newpwd = document.form1.pwd.value
: for ( var i=1; i<(newpwd.length+1); i++ ){
: if (document.form1.chk.value=="1"){
: var subpwd = newpwd.substring(i-1,i);
: eval('document.pwd'+i+'.src="./pwd_'+subpwd+'.gif"');
: }else{
: eval('document.pwd'+i+'.src="./pwd_h.gif"');
: }
: }
: }
: function press(n){
: document.body.focus();
: if (document.form1.pwd.value.length < 4){
: document.form1.pwd.value=document.form1.pwd.value+n;
: if (document.form1.chk.value=="1"){
: eval('document.pwd'+document.form1.pwd.value.length+'.src="./pwd_'+n+'.gif"');
: }else{
: eval('document.pwd'+document.form1.pwd.value.length+'.src="./pwd_h.gif"');
: }
: }
: if (document.form1.pwd.value.length == 4){
if (document.form1.pwd.value.length == 預設密碼){
location.href = "欲轉入的網頁名稱.htm";
}else{
alert("密碼錯誤，請重新輸入");
}
: alert(docum.form1.pwd.value); → 這行刪掉
: return;
: }
: }
: function fix(){
: document.form1.pwd.value="";
: for ( var i=1; i<5; i++ ){
: eval('document.pwd'+i+'.src="./pwd_t.gif"');
: }
: document.body.focus();
: }
: function up(u){
: eval('document.atm'+u+'.src="./atm_"+u+"1.gif"');
: }
: function dn(d){
: eval('document.atm'+d+'.src="./atm_"+d+"0.gif"');
: }
: </script>
: 再次感謝大家
單純 html 網頁這麼做是可以啦
不過這種作法，按滑鼠右鍵檢視原始碼密碼就曝光了
如果可以就把 javascript 寫到 .js 檔裡面會比較好
不過當然這是治標不治本的方法啦 XD
要進階一點學學 PHP、JSP … 等會更好喔 :)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.138.216.135