Safari下彈窗問題的解決辦法

 

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.