ITPub博客

首页 > Linux操作系统 > Linux操作系统 > Safari下弹窗问题的解决办法

Safari下弹窗问题的解决办法

原创 Linux操作系统 作者:mystart2012 时间:2012-12-03 12:47:10 0 删除 编辑

  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

 

 

 

 

官方给出的说法:

Where it works

  • 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博客 ” ,链接:https://blog.itpub.net/28225168/viewspace-750445/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Math.round用法 .
下一篇: 程序员经典语录
请登录后发表评论 登录
全部评论

注册时间:2012-10-22

  • 博文量
    23
  • 访问量
    52010