一个支持ff的modaldialog的js代码- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个支持ff的modaldialog的js代码

Javascript: Prototype使用指南之form.js; Prototype1.5 rc2版指南最后一篇之Position; javascript 对象的定义方法; JS多级连动菜单; javascript编程起步（第一课）; javascript编程起步（第二课）; java script编程起步（第三课）; jquery简单体验; javascript编程起步（第四课）; javascript编程起步（第五课）; javascript编程起步（第六课）; javascript编程起步（第七课）; javascript object oriented 面向对象编程初步; js宝典学习笔记（上）; JS宝典学习笔记(下); javascript基础的动画教程，直观易懂; javascript 的面向对象特性参考; JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接; JScript面向事件驱动的编程; 一份老外写的XMLHttpRequest代码多浏览器支持兼容性

No. « ‹ 42 43 44 45 › »

技术文章搜索

关键字

Javascript 中的一个支持ff的modaldialog的js代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 46 ::

收藏到网摘: n/a

键盘事件中keyCode、which和charCode 的兼容性测试 [js+css]点击隐藏层,点击另外层不能隐藏原层

这是我看到的另一种方法了，虽然仍然不怎么样，不过了解一下也是不错的，目前代码不支持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 全选提示:你可先修改部分代码,再按运行]

键盘事件中keyCode、which和charCode 的兼容性测试 [js+css]点击隐藏层,点击另外层不能隐藏原层

评论 (0) All