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

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

Javascript: JQuery Tips(3) 关于$()包装集内元素的改变; JavaScript 创建随机数和随机图片; javascript document.execCommand() 常用解析; firefox下对ajax的onreadystatechange的支持情况分析; Javascript attachEvent传递参数的办法; jQuery Attributes(属性)的使用(一、属性篇); jquery自动完成插件(autocomplete)应用之PHP版; 查询绑定数据岛的表格中的文本并修改显示方式的js代码; 讨论javascript(一)工厂方式 js面象对象的定义方法; IE不支持option的display样式，只能使用remove和add; 多浏览器兼容的获取元素和鼠标的位置的js代码; js checkbox全选并将获取值放到input里边; javascript 日期联动选择器 [其中的一些代码值得学习]; javascript实现的仿51job地址多项选择方式效果; jQuery 渐变下拉菜单; 利用图片的 onerror 事件载入默认图片; js实现页面打印功能实例代码(附去页眉页脚功能代码); JQuery读取XML文件数据并显示的实现代码; 比较详细的关于javascript 解析json的代码; TextArea 控件的最大长度问题(js json)

No. « ‹ 249 250 251 252 › »

技术文章搜索

关键字

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

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

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