使用div仿&#106avascript模态窗口

虽然和本blog的内容无关,但是还是写出来吧,希望对大家有帮助
前几天在博客园看到有人说模态窗口在ie7里面显示出现地址栏,其实这本是一件好事,而且ie的模态窗口是ie的函数,ff、opera等都不支持,我评论的原话

只是ie7增强的安全特性罢了,这个世界还真奇怪,有人说ie的安全性不强,天天骂微软,还支持ff说什么用了ff就不会被强奸,微软增强了安全性,又有人说这样增加的安全性不好,真是难伺候
你要用模态窗口ff是根本就打不开,因为那个是ie特有的函数,ff是没有的,另外楼上说的很对加到trusted就行了,另外再说句话你别生气,就是你水平不行,要想得到最大的兼容性就用div,而且div是最漂亮的,就是写得麻烦点

既然说了别人水平不行,那就自己做一个吧,也证明我这段话不是白说,这几天正在做自己用的cms,正好用这个替代alert和模态窗口,这个div是可以移动、嵌套的

做下说明:
代码参考新浪的新闻评论,新浪混淆了代码,其实破解很简单(应该说根本不算破解,不知道怎么说了,就叫破解吧)

写得很简单,没做过多的处理,这是有这么个意思,如果要用到的话还是需要进行修改的

测试ie7通过ff有问题(js报错),新浪的代码ff js没报错,但是div的移动有问题,我没有系统的学过js所以新浪的代码看的不是很懂,理论上ff也是可以做到的,有兴趣完善的和我联系吧,我就想作出一个简单的类,做到ie7和ff能够兼容,这东西至少在微软的ajax普及之前还是能起到不少的作用的

都写在一个文件里了
http://zergtant.cnblogs.com/Files/zergtant/default.zip

参考资料:
javascript+%E5%8F%AF%E7%A7%BB%E5%8A%A8%E7%9A%84%E5%B1%82&hl=zh-cn">http://www.google.com/search?q=javascript+%E5%8F%AF%E7%A7%BB%E5%8A%A8%E7%9A%84%E5%B1%82&hl=zh-cn
http://www.51windows.net/data/?url=/DATA/files/file_666.asp

时间: 2024-12-31 21:47:25

使用div仿&#106avascript模态窗口的相关文章

使用div仿javascript模态窗口

javascript 虽然和本blog的内容无关,但是还是写出来吧,希望对大家有帮助前几天在博客园看到有人说模态窗口在ie7里面显示出现地址栏,其实这本是一件好事,而且ie的模态窗口是ie的函数,ff.opera等都不支持,我评论的原话 只是ie7增强的安全特性罢了,这个世界还真奇怪,有人说ie的安全性不强,天天骂微软,还支持ff说什么用了ff就不会被强奸,微软增强了安全性,又有人说这样增加的安全性不好,真是难伺候 你要用模态窗口ff是根本就打不开,因为那个是ie特有的函数,ff是没有的,另外楼

jquery div模态窗口的简单实例_javascript技巧

jquery div模态窗口的简单实例 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>

JQuery Dialog(JS 模态窗口,可拖拽的DIV)_jquery

效果图     调用示意图   交互示意图 如上图所示,这基本是JQueryDialog的完整逻辑流程了. 1.用户点击模态窗口的"提交"按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件. 2.用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口ContentWindow.Ok()中,这一点我借鉴了FCKEditor,如下代码所示: JS代码 复制代码 代码如下: var JQueryDialog = { /// &l

使用jQuery和Bootstrap实现多层、自适应模态窗口_jquery

本篇实践一个多层模态窗口,而且是自适应的. 点击页面上的一个按钮,弹出第一层自适应模态窗口. 在第一层模态窗口内包含一个按钮,点击该按钮弹出第二层模态窗口,弹出的第二层模态窗口会挡住第一层模态窗口,即第二层模态窗口打开的时候,无法关闭第一层模态窗口. 具体页面实现部分如下: 复制代码 代码如下: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

自定义jquery模态窗口插件无法在顶层窗口显示问题_jquery

自定义一个jquery模态窗口插件,将它集成到现有平台框架中时,它只能在mainFrame窗口中显示,无法在顶层窗口显示. 解决这个问题的办法: 通过以下代码就可能实现在顶层窗口弹窗 复制代码 代码如下: $(window.top.document.body).append("<div id='dialog'></div>");

javascript 获取模态窗口的滚动位置代码_javascript技巧

实验了一下午,到现在终于解决的了模态窗口的滚动位置获取办法,现在来分享一下, 其实很简单,给你的弹出模态窗口的div块设置一个id, 在js中通过 document.getElementById('divID').scrollLeft 这样获取的是向右滚动的值 同理,scrollTop 就是向下滚动的值, 其实很简单,那就说到这里

javascript Demo模态窗口_javascript技巧

下面这个Demo支持回调,可以直接引用modalDialog.js使用,不存在任何Jquery的影子 global.js 复制代码 代码如下: window.js = new myJs(); //为了避免名称重复我们换个名称,附加一个myJs对像到window对象上,然后我们在页面中调用window.js //js对象 function myJs() { this.x = 10; } //下面我们对myJs进行扩展 myJs.prototype.alert = function (msg) {

在asp.cs的页面中 如何弹出一个模态窗口 然后一秒后自动关闭 ()

问题描述 在asp.cs的页面中 如何弹出一个模态窗口 然后一秒后自动关闭 () 如题,在asp.cs的页面中 如何弹出一个模态窗口 然后一秒后自动关闭 (求高手指教) 解决方案 http://www.3lian.com/edu/2013/05-22/71072.html

弹出的模态窗口如何访问父窗口的变量?

场景描述:父页面有个列表,选中一行就弹出一个模态窗口,根据不同的操作,父页面将刚点过的行 的按钮变灰. 父页面: <head runat="server"> <script language="javascript" type="text/javascript"> var clearData; var tmpControllerId; //用于存储当前点击的行号 // 弹出明细窗口 function ShowDetail(