HTML5先行者高级交流群

html5先行者

欢迎加入学习讨论

专注前端，专注网页设计制作及网站开发项目 - (低价承接网站开发项目) QQ：370158739加入收藏RSS

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

一个支持ff的modaldialog的js代码_javascript技巧_

2014-03-27 09:52:43 [小大] 已经帮助：人解决问题

这是我看到的另一种方法了，虽然仍然不怎么样，不过了解一下也是不错的，目前代码不支持opera，我也没时间看能否支持＝。＝

原地址：http://www.koders.com/javascript ... 882713BA1C7DD0.aspx

<script> // Though "Dialog" looks like an object, it isn't really an object.  Instead // it's just namespace for protecting global symbols. function Dialog(url, action, init) {     if (typeof init == "undefined") {         init = window;    // pass this window object by default     }     if (document.all) {    // here we hope that Mozilla will never support document.all         var value =             showModalDialog(url, init, //            window.open(url, '_blank', //                    "resizable: no; help: no; status: no; scroll: no");                     "resizable: yes; help: no; status: no; scroll: no");         if (action) {             action(value);         }     } else {         return Dialog._geckoOpenModal(url, action, init);     } }; Dialog._parentEvent = function(ev) {     if (Dialog._modal && !Dialog._modal.closed) {         Dialog._modal.focus();         // we get here in Mozilla only, anyway, so we can safely use         // the DOM version.         ev.preventDefault();         ev.stopPropagation();     } }; // should be a function, the return handler of the currently opened dialog. Dialog._return = null; // constant, the currently opened dialog Dialog._modal = null; // the dialog will read it's args from this variable Dialog._arguments = null; Dialog._geckoOpenModal = function(url, action, init) {     var dlg = window.open(url, "ha_dialog",                   "toolbar=no,menubar=no,personalbar=no,width=10,height=10," +                   "scrollbars=no,resizable=no");     Dialog._modal = dlg;     Dialog._arguments = init;     // capture some window's events     function capwin(w) {         w.addEventListener("click", Dialog._parentEvent, true);         w.addEventListener("mousedown", Dialog._parentEvent, true);         w.addEventListener("focus", Dialog._parentEvent, true);     };     // release the captured events     function relwin(w) {         w.removeEventListener("focus", Dialog._parentEvent, true);         w.removeEventListener("mousedown", Dialog._parentEvent, true);         w.removeEventListener("click", Dialog._parentEvent, true);     };     capwin(window);     // capture other frames     for (var i = 0; i < window.frames.length; capwin(window.frames[i++]));     // make up a function to be called when the Dialog ends.     Dialog._return = function (val) {         if (val && action) {             action(val);         }         relwin(window);         // capture other frames         for (var i = 0; i < window.frames.length; relwin(window.frames[i++]));         Dialog._modal = null;     }; }; Dialog("http://google.com",function(){alert('test')},null); </script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

（责任编辑：）

推荐书籍

推荐资讯

html5及css3做的3D小房子

html5及css3做的3D小

html5视频应用

html5视频应用

友情链接:联系人：QQ370158739

关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助