近日写一段程序,为了让用户交互的感觉更好一些,决定采用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();
}
=================================================
function subform() {
this.document.forms[0].submit();
window.returnValue = 1;//也可以定义数组返回
window.close();
}
=================================================
OK,代码完成,自己根据你的需求,做相应的调整吧,效果是:
1、弹出showModalDialog模态窗口
2、showModalDialog窗口中提交表单
3、 showModalDialog窗口向父窗口返回值,并自动关闭
1、弹出showModalDialog模态窗口
2、showModalDialog窗口中提交表单
3、 showModalDialog窗口向父窗口返回值,并自动关闭