作者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