很多时候做web项目需要用到模态框进行操作,关于IE浏览器的模态框最近做项目遇到了,在这里简单介绍一下,并给出一个小案例
以下给出的模态框不兼容谷歌浏览器只针对IE浏览器:
一, window.showModalDialog(‘saveAddress.do? oneId=’+oneId,”,’dialogWidth:880px;dialogHeight:440px;help:no;Scroll=no;status=no;center=yes’);
1.第一个是弹出框的路径:’saveAddress.do? oneId=’+oneId,(ps:一定要返回一个页面)
2.dialogWidth:控制弹出框的宽度
3.dialogHeight:控制弹出框的高度
4.center:是否居中显示
5.status:是否显示状态栏
6.help:是否显示帮助按钮
二,具体案例:
其中someValue就是拿到弹出框的返回值,
请看下面弹出框案例:
var someValue= oneId+","+errType+","+emailTo+","+emailCc+","+factory+","+mailType;
parent.window.returnValue=someValue;
window.close();
这个parent.window.returnValue=someValue; 就是把弹出框的值赋给父页面即:案例中的someVaule
以下给出一个案例图:
选择之后点击“保存”按钮,父页面就会拿到弹出框的值!真的很简单!!!