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

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

Javascript: 实用的JS表单验证提示效果; CSS 直方图布局示例; jquery 动态调整textarea高度; jquery animate 动画效果使用说明; jquery checkbox全选反选效果代码; jquery (show,fadeOut,Animate)简单效果; JavaScript 抽奖效果实现代码数字跳动版; javascript Math.random()随机数函数; jQuery 加上最后自己的验证; JavaScript 自动分号插入（JavaScript synat:auto semicolon insertion）; 兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3); javascript 打印内容方法小结; jQuery toggle()设置CSS样式; javaScript parseInt字符转化为数字函数使用小结; 模仿JQuery sortable效果代码有错但值得看看; javascript 常见的闭包问题的解决办法; 在js中单选框和复选框获取值的方式; 按键盘方向键翻页跳转的javascript代码(支持ie,firefox); js 操作table之移动TR位置兼容FF 跟 IE; csdn 论坛技术区平均给分功能

No. « ‹ 271 272 273 274 › »

技术文章搜索

关键字

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

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

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