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

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

Javascript: 表格隔行换色升级版; JavaScript 变量基础知识; fileupload控件文件类型客户端验证实现代码; extjs DataReader、JsonReader、XmlReader的构造方法; 让Firefox支持event对象实现代码; CSS+Js遮罩效果的TAB及焦点图片切换(推荐); javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例; JQuery 图片延迟加载并等比缩放插件; Jquery作者John Resig自己封装的javascript 常用函数; js 鼠标拖动对象可让任何div实现拖动效果; 页面中js执行顺序; Javascript select下拉框操作常用方法; jQuery 常见学习网站与参考书; javascript currying返回函数的函数; prototype 中文参数乱码解决方案; 为javascript添加String.Format方法; asp.net HttpHandler实现图片防盗链; Riot.js 快速的JavaScript单元测试框架; Javascript实现的CSS代码高亮显示; Js 实现表格隔行换色一例

No. « ‹ 272 273 274 275 › »

技术文章搜索

关键字

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

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

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