首先,先设计弹出模式对话框。
1、在相应页面编辑js脚本函数如下:
<script language="javascript" type="text/javascript">
function OpenApplication(tableName) {
var url = '../ CopyMonth.aspx';
if (tableName != null) {
url = url + '?table=' + tableName;
}
var width = window.screen.width / 2 - 200;
var height = window.screen.height / 2 + 20;
var left = width / 2;
var top = height / 2;
if (top > 30) {
top = top - 30;
}
window.showModalDialog(url, window, "dialogHeight: 330px; dialogWidth: 400px;edge: Raised; center: Yes; help: No; resizable: No; status: No;");
return false;
}
</script>
注意:其中tableName为父页面传入弹出窗口的QueryString设置,可以根据需要来决定是否需要此参数。
2、在该页面中需要添加按钮的地方,添加按钮并编辑其相应onclick事件,如下:
….
<td align="left" width="100px" background="../Images/SKIN02/top.jpg">
<div align="left" class="login">
<input type="button" name="btCopyMonth" value="整月复制" onclick="OpenApplication('aaa');"/>
</div>
</td>
….
通过前面两步即可设计出点击某一按钮时,在IE中弹出一个对话框。注意:如果在弹出的窗口中,窗口地址栏没有隐藏(如下图),可通过设置打开网页为“可信站点”来解决。
其次,设置在关闭窗口时,刷新父窗口。
1、 在弹出窗口所显示页面(本文为CopyMonth.aspx文件)中,设计js关闭事件函数,如下:
<script language="javascript" type="text/javascript">
function closewindow() {
var w;
if (null != window.dialogArguments && null != window.dialogArguments.location) {
w = window.dialogArguments;
w.location.reload();
}
window.close();
}
</script>
2、 注意:同时需要在该页面添加<base target="_self">标签,可以放置在相应aspx页面的任何位置,但是在IE7中会失效,此时需要将该标签放在<head><head/>标签居中的位置,即三分之二的位置。
3、 添加关闭标签,如下:
<input type="button" value="关 闭" onclick= "closewindow(); " />