弹出showModalDialog窗口提交表单并关闭窗口的问题 (关闭又弹出新窗口问题)

最新推荐文章于 2024-01-29 02:00:43 发布

hyhyct

最新推荐文章于 2024-01-29 02:00:43 发布

阅读量2.1k

点赞数

文章标签： function web开发 iframe action asp 2010

弹出showModalDialog窗口提交表单并关闭窗口的问题

2010-11-18 10:11:00| 分类： WEB开发 | 标签：表单窗口 asp 提交 showmodaldialog |字号大中小订阅

近日写一段程序，为了让用户交互的感觉更好一些，决定采用showModalDialog弹出窗口，在使用中却发现在弹出的窗口内提交表单数据会弹出新窗口，使用感觉极其不好，于是开始动手解决，以下是从网上搜索到的方案，其中第一条已经过实践是可行的。

1、在showModalDialog打开的子窗口的<head>中加入 <base target="_self"/> 并且设置form的target为""，如：form method="post" action="order.do" target=""。

2、showModalDialog()是不能够提交给自己的，得交给自己的话就会有新页面产生，所以你要指写form里的target等于一个值。在showModalDialog()打开的子窗口的表单中：<form target=meizz action=aa.asp ...> ，然后在页面中再加入一个隐藏的iframe:<iframe name=meizz width=0 height=0 frameborder=0 style="display: none"><iframe> 。

3、下面的代码也可以实现：

父页：main.htm

弹窗页：pop.asp

main.htm

=================================================

function popwin() {
var rtn=window.showModalDialog("pop.asp""","","");
if(rtn==1) {
alert(rtn);//此处可以执行刷新main.htm表单等操作
}
}

=================================================

pop.asp
=================================================
function subform() {
this.document.forms[0].submit();
window.returnValue = 1;//也可以定义数组返回
window.close();
}

=================================================

OK，代码完成，自己根据你的需求，做相应的调整吧，效果是：
1、弹出showModalDialog模态窗口
2、showModalDialog窗口中提交表单
3、 showModalDialog窗口向父窗口返回值，并自动关闭

hyhyct

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
弹出showModalDialog窗口提交表单并关闭窗口的问题 (关闭又弹出新窗口问题)

弹出showModalDialog窗口提交表单并关闭窗口的问题 2010-11-18 10:11:00| 分类：WEB开发 | 标签：表单窗口 asp 提交 showmodaldialog |字号大中小订阅近日写一段程序，为了让用户交互的感觉更好一些，决定采用showModalDialog弹出窗口，在使用中却发现在弹出的窗口内提交表单数据会弹
复制链接

扫一扫