繁體中文当前位置: 首页 > 图文教程 > 网络编程 > ASP > 如何编写适合FireFox的对话框？
- ASP
- 使用FSO自动创建多级文件夹的函数
- 专家教你利用思易ASP木马追捕入侵站点
- 技巧：用 isapi rewrite 实现asp的HTML静态化
- 使用ASP建设私人的搜索引擎
- 巧用SQL-DMO创建备份及校验的ASP应用
- 技巧：用GetString来提高ASP的速度
- ASP实现的日历代码实例程序
- WEB应用的缓存兼容性设计
- 用网站地图帮助搜索引擎
- IIS虚拟主机网站防木马权限设置安全配置整理
- ASP把长的数字用逗号隔开显示
- 所谓新云XSS跨站漏洞全公布
- ASP技巧：禁用页面缓存的五种方法
- ASP中实现从dbf数据库导出数据到sql表
- 简单熟悉掌握ASP的语法和变量
- 让弹出窗口变得“听话”一些
- 运用ASP调用数据库中视图及存储过程
- 瞄准Apache IIS7向开源张开双臂
- ASP实现IE地址栏参数的判断
- 如何让你的ASP运行于非Windows平台
ASP 中的 如何编写适合FireFox的对话框？
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-13 浏览: 65 ::
收藏到网摘: n/a
在设计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都支持。
评论 (0) All
