Ipad下使用的是Safari浏览器,在ie下的弹窗代码在该浏览器下无法执行。在已有的项目中如果需要在ipad下使用,必须对js进行修改。但如果是已开发的项目,最好的办法是在最大限度上维持原有的代码。所以最好是采用弹页面的方式来实现div的效果。
从网上找到别人的博客查到到这样的一种js现成的解决方案,名字叫subModal,
相关的文件有三个,一个javascript文件,两个样式文件。当然样式文件需要的话是要使用它的样式。三个文件的名称分别是:
subModal.js
submodal.css
submodalstyle.css
使用到的方法有:
window.parent.hidePopWin(true); //加true应该是可以返回参数
window.parent.hidePopWin();
找开窗口的方法:
showPopWin(contentpath+'/deptsjtoSelect.action', 630, 600, getReturnValue); //打开窗口的方法和ie下的弹出窗口有点类同,所以改动相对较少
//第四个参数代表回调方法 用于获取返回参数,写法如下:
function getReturnValue(result){
alert(result);
}
最后一点要注意的:当时打开窗口的时候有个404错误,原来是少了个load页面。还需要在web目录下加个loading.html。里面添加的标题可以显示在弹出窗口之上。
演示的代码下载地址: http://www.360buyli.com/html/javascript/20121127/61.html
官方给出的说法:
- IE 6+
- FireFox 0.9+
- Safari
- Opera 7+
Opera 7 works in a hacked fashion. Since Opera’s css support doesn’t include opacity I’m using a 24 bit transparent PNG file for the demo. If you don’t care about Opera you can comment this out and it will still work in FireFox, IE, and Safari. I like that method better since you have full control over the mask color and opacity right from the CSS file.
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/28225168/viewspace-750445/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/28225168/viewspace-750445/