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

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

Javascript: Mootools 1.2教程排序类和方法简介; Mootools 1.2 手风琴（Accordion）教程; Mootools 1.2教程类(一); Mootools 1.2教程 Tooltips; Mootools 1.2教程选项卡效果（Tabs）; Mootools 1.2教程(21)：类（二）; Mootools 1.2教程同时进行多个形变动画; Mootools 1.2教程滑动效果（Slide）; 不安全的常用的js写法; javascript 检测浏览器类型和版本的代码; javascript 弹出层居中效果的制作; javascript 遮照层效果; Javascript createElement和innerHTML增加页面元素的性能对比; 颜色快速采集器javascript代码; var与Javascript变量隐式声明; javascript 面向对象编程万物皆对象; jQuery 事件队列调整方法; JavaScript switch case 的用法实例[范围]; 控制input的CSS但不影响CheckBox以及Radio的样式; ext 同步和异步示例代码

No. « ‹ 185 186 187 188 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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