弹出窗口

弹出窗口

如何实现CSDN论坛一样的弹出窗口，就好像结贴时，当点击‘无满意结贴’，就会弹出一个窗口要求输入密码，然后主页面就变灰色，直到确认密码输入正确以后，弹出窗口消失，主页面才可以操作。

如果那位有类似的源代码，能不能告诉。

用模态对话框。owModalDialog()；

下面是例子：

1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：

-------------------------------

m

script

var obj = new Object();

=\"js\";

owModalDialog(\"m\",obj,\"dialogWidth=200px;dialogHeight=100px\");

/script

m

script

var obj = alogArguments

alert(\"您传递的参数为：\" + )

/script

-------------------------------

2.可以通过turnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：

------------------------------

m

script

str =owModalDialog(\"m\",,\"dialogWidth=200px;dialogHeight=100px\");

alert(str);

/script

m

script

turnValue=\"\";

/script

你可以在登录事件成功后返回主页面一个值，主页面根据这个值来判断需要做的事情。

加一个半透明层：

div id=\"doing\" style=\"display:none; Z-INDEX: 12000; LEFT: 0px; WIDTH: 100%; CURSOR: wait; POSITION: absolute;TOP: 0px; HEIGHT:92%;background-color:#f9fff6;FILTER: alpha( Style=3 FinishOpacity=30);\"

/div

加一个登录层：

div id=\"divLogin\" style=\"display:none;position:absolute; width:220px;height:80px;text-align:center;vertical-align:middle;left: 350px; top: 224px; z-index:13000;background-image:url(../Images/body_f);border-right: lightgrey thin dashed; border-top: lightgrey thin dashed; border-left: lightgrey thin dashed; border-bottom: lightgrey thin dashed;\"

div style=\"padding:3px 15px 3px 15px;text-align:left;vertical-align:middle;\"

div

用户：

asp:TextBox ID=\"TxtUserName\" runat=\"server\" /asp:TextBox

%-- asp:RequiredFieldValidator id=\"rfN\" runat=\"server\" ErrorMessage=\"用户不能为空！\" ControlToValidate=\"TxtUserName\" CssClass=\"Text\" /asp:RequiredFieldValidator--%

/div

div

密码：

asp:TextBox ID=\"TxtUserPwd\" runat=\"server\" TextMode=\"Password\" /asp:TextBox

%-- asp:RequiredFieldValidator id=\"RequiredFieldValidator1\" runat=\"server\" ErrorMessage=\"密码不能为空！\" ControlToValidate=\"TxtUserPwd\" CssClass=\"Text\" /asp:RequiredFieldValidator--%

/div

div nbsp; nbsp;

asp:Button ID=\"BttLogin\" runat=\"server\" Text=\" 登 陆 \" OnClick=\"BttLogin_Click\" /nbsp;

input id=\"BttCancel\" type=\"button\" value=\" 取 消 \" onclick=\"ShowNo()\" /

/div

/div

/div

再用js控制显示：

script language=\"javascript\"

function Show()

{

tElementById(\"doing\").splay=\"\";

tElementById(\"divLogin\").splay=\"\";

}

function ShowNo()

{

tElementById(\"doing\").splay=\"none\";

tElementById(\"divLogin\").splay=\"none\";

}

function HideLoginDiv()

{

var Login = tElementById(\"v5\");

活动五：火爆开启四倍经验 sibility = \"hidden\";

}

/script