如何编辑适合FireFox的对话框？

发布时间：2023-02-27 15:51:46 所属栏目：Asp教程来源：

导读：在设计Blog操作流程的时候，计划在添加页面和修改页面都用弹出对话框的方式。添加和修改结束时，点击提交，对话框关闭，同时后面的列表窗口刷新。这样就感觉在用Windows的界面程序一样，界面友好性很好。

但是在

在设计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(){

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!