校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 如何編寫適合FireFox的對話框?

如何編寫適合FireFox的對話框?

熱門標簽:成都銷售外呼系統公司 vue 地圖標注拖拽 鎮江云外呼系統怎么樣 土地證宗地圖標注符號 電話機器人案例 保定電銷機器人軟件 電話機器人銷售公司嗎 客服外呼系統呼叫中心 自動外呼系統怎么防止封卡
在設計Blog操作流程的時候,計劃在添加頁面和修改頁面都用彈出對話框的方式。添加和修改結束時,點擊提交,對話框關閉,同時后面的列表窗口刷新。這樣就感覺在用Windows的界面程序一樣,界面友好性很好。 

但是在實際操作的時候發生了一個問題,IE的對話框技術,對FireFox是不支持的,怎么才能做到既支持IE又支持FireFox的對話框呢? 

還好,昨天在研究TinyMCE,里面有支持FireFox的對話框技術可以借鑒。 

我寫的打開對話框的方法: 
function popupDialog(url,width,height){ 
    //showx = event.screenX - event.offsetX - 4 - 10 ; // + deltaX;  這段代碼只對IE有效,已經不用了 
    //showy = event.screenY - event.offsetY -168; // + deltaY; 這段代碼只對IE有效,已經不用了 

        var x = parseInt(screen.width / 2.0) - (width / 2.0);  
    var y = parseInt(screen.height / 2.0) - (height / 2.0); 
        var isMSIE= (navigator.appName == "Microsoft Internet Explorer");  //判斷瀏覽器 

        if (isMSIE) {           
            retval = window.showModalDialog(url, window, "dialogWidth:"+width+"px; dialogHeight:"+height+"px; dialogLeft:"+x+"px; dialogTop:"+y+"px; status:no; directories:yes;scrollbars:no;Resizable=no; "  ); 
       } else { 
        var win = window.open(url, "mcePopup", "top=" + y + ",left=" + x + ",scrollbars=" + scrollbars + ",dialog=yes,modal=yes,width=" + width + ",height=" + height + ",resizable=no" ); 
        eval('try { win.resizeTo(width, height); } catch(e) { }'); 
        win.focus();             
    } 


在被打開的對話框里,我是用了上下分Frame的頁面,因為在 IE里,對話框是不可以提交的,但是分成Frame后,就可以提交了。 
在提交的按鈕上,加上這段代碼: 

  function doReload(){    
     var isMSIE= (navigator.appName == "Microsoft Internet Explorer"); 
     if (isMSIE){ 
         parent.dialogArguments.location.reload(); 
     }else{ 
         parent.opener.document.location.reload(); 
     }      
     top.close();     
  } 

兩種瀏覽器的打開對話框的方式不一樣 
IE:window.showModalDialog(url, window, "dialogWidth:300px; dialogHeight:300px; dialogLeft:200px; dialogTop:200px; status:no; directories:yes;scrollbars:no;Resizable=no; "  ); 
FireFox: window.open(url, "mcePopup", "top=200,left=200,scrollbars=no,dialog=yes,modal=yes,width=300,height=300,resizable=no" ); 

關閉窗口時: 
IE: parent.dialogArguments.location.reload(); 
FireFox:parent.opener.document.location.reload(); 

還有一個很重要的注意點。FireFox好像不支持對話框的window.close(); 
所以最后使用的關閉窗口用的是 top.close();  這個IE、FireFox都支持。 

標簽:天津 懷化 臺灣 重慶 內江 麗江 成都 公主嶺

巨人網絡通訊聲明:本文標題《如何編寫適合FireFox的對話框?》,本文關鍵詞  如何,編寫,適合,FireFox,的,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《如何編寫適合FireFox的對話框?》相關的同類信息!
  • 本頁收集關于如何編寫適合FireFox的對話框?的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 富民县| 霍城县| 育儿| 普宁市| 深圳市| 漳州市| 叶城县| 丘北县| 昔阳县| 青浦区| 祁连县| 东乡族自治县| 镇原县| 策勒县| 普陀区| 罗田县| 琼海市| 恩平市| 安吉县| 临清市| 察隅县| 麦盖提县| 江安县| 鄄城县| 吴旗县| 定兴县| 左云县| 祁连县| 邵阳市| 衡水市| 泰顺县| 汾阳市| 三门县| 仁寿县| 乌鲁木齐县| 田东县| 平陆县| 尉氏县| 桂林市| 湘潭县| 恩施市|