读书人

关于javascript对话框,该如何处理

发布时间: 2012-03-27 13:44:24 作者: rapoo

关于javascript对话框
问下,能不能实现这样的效果!点击一个超链接,弹出一个对话框,让用户输入用户名和密码 !正确能进入链接网页,错误则不能!用javasrcipt的prompt()函数做的对话框只能接收一个输入,要实现上述的功能,是不是必须自定义对话框?如何定义?麻烦给一下源码!谢了!
(注:只用一个对话框完成用户名和密码的输入)

[解决办法]
你好.
你可以一DIV.如下:
HTML code:

<div id="divUserCheck" style="position:absolute;top:200px;left:300px;width:200px;height:150px;border:1px red solid;">


<table>
<tr>
<td>userID</td><td><asp:TextBox id="txtUserID" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>userPassword</td><td><asp:TextBox id="txtUserID" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td colspan="2" align="center"><asp:Button id="btnCheck" runat="server" text="login"></asp:TextBox>
<input type="button" id="btnCloseMe" value="Close Me" onclick="divUserCheck.style.display='none';">
</td>
</tr>
</table>

</div>


<div>
<ul>
<li><a href="javascript:void(0);">baidu.com</a></li>
<li><a href="javascript:void(0);">Google</a></li>
<li><a href="javascript:void(0);">Yahoo</a></li>
</ul>
</div>


添加JS代:
JS code:

<head>
<script>

JScript code
window.onload=function(){    var divUserCheck=document.getElementById("divUserCheck");    for(var i=0;i<document.links.length;i++)    {       var thisLink=document.links[i];       thisLink.onclick=function()       {          divUserCheck.style.display='';          divUserCheck.style.posTop=event.clientY;          divUserCheck.style.posLeft=event.clientX;       }    }} 

读书人网 >JavaScript

热点推荐