详细内容
ASP.NET弹出自定义对话框
发布日期:2010-01-26     点击:5623     字体:[ ]

原理:利用window.showModalDialog()方法

创建一个静态页面:例如info.htm

代码:

<html>
<head>
   <title>删除确认</title>
   <script language="javascript">
         function getValue(str)
         {
         window.returnValue=str;
   window.close();}
   </script>
</head>
<body>
   <TABLE id="Table1" height="80" cellSpacing="0" cellPadding="0" width="340" align="center"
    border="1" borderColor="#709CD2">
    <TR>
     <TD bgcolor="#709CD2"><FONT face="宋体" color="#ffffff">删除确认</FONT></TD>
     <td bgcolor="#709CD2" align="right"><img src="images/dialogclose.gif"></td>
    </TR>
    <TR>
     <TD colspan="2"><FONT face="宋体">您确实要删除吗,删除后不可恢复!</FONT></TD>
    </TR>
    <TR>
     <TD align="center"><FONT face="宋体"><INPUT id="btnYes" type="button" value="确 定" name="btnYes" onclick="getValue('1');"></FONT></TD>
     <TD align="center"><FONT face="宋体"><INPUT id="btnNo" type="button" value="取 消" name="btnNo" onclick="getValue('0');"></FONT</TD>
    </TR>
   </TABLE>
</body>
</html>

在主页面创建一个js方法:

<script type="text/javascript">
function del()
{
var returnvalue=window.showModalDialog("info.htm","info","dialogWidth=348px;dialogHeight=130px;help=no;status=no;scroll=no");

if(returnvalue == "1")
{return true;}
else
{return false;}
}

</script>

在按钮的单击事件中添加:

onclick="if(del() == false) return;"

当然弹出页面可以美化,看起来更舒服。

用户评论
昵称 
内容  *
验证码   
   
相关文章 更多...  
Copyright © 2010 zdbase.com All Rights Reserved. 苏ICP备15039389号 可人软件设计