用jQuery实现的模态弹出窗口，封装了alert和confirm

闲来无事做了一个前台UI的dialog组件，测试了一下运行良好，能支持IE6、7、8和firefox2.0，其他没测。调用也非常简单配置好相应参数就可以了。

软件功能：
* 无限级弹出窗口
* Esc退出block弹出窗口
* 可拖动窗口
* 模态窗口
* 模态alert警告对话框
* 模态confirm对话框
* 页面局部模态
* 绑定按钮响应函数
* 弹出窗口加载iframe
* 自定义背景样式

组件提供了六个函数：
$.funkyUI   // 弹出模态窗口
$.unfunkyUI // 关闭模态窗口

$.alert //警告提示对话框
$.confirm //确认和取消对话框

$.fn.block  //块模态
$.fn.unblock//解除块模态

调用示例：
$.blockUI({
url:"1.html",//弹出窗口显示的内容，使用iframe
OKEvent:okEvent,//okEvent是自定义的确定按钮响应函数，
css:{width:"700",height:"500"}
});
$.alert("这是警告窗口");
$.confirm("这是个Boolean窗口");

$('#blocked').block();//id为blocked的元素设置为只读
$('#blocked').unblock();//解除

实现的思路：
我在主窗体中创建一个层，用来作为弹出窗体，包含一个iframe，通过参数指定URL，作为显示的内容，我觉得可能会有利于代码的重用，代码管理起来要方便一些
弹出窗口中含有的弹出窗口也在主窗体中创建，这样结构简单一点，比较容易管理。我在创建弹出窗口的时候在主窗体中声明一个栈，把当前iframe的window对象压入栈，这样不管我现在弹出了多少个窗口总能很容易的找到其中的任意一个的对象。

有感兴趣的把我的代码下载回去看看，然后给我提提意见，帮我提高。。。
觉得可用的随便用，有不明白的问我

新上传了修正版，修正了弹出框弹出位置不太精确的bug，新增无弹出窗体提示信息，用于类似Ajax请求等待。

再次上传修正版本2，此版本修正了二楼提出的bug，另外修复了进行局部block 后，弹出对话框不能正常unblock的bug

2009-7-8上传对ie6下不能遮挡select选框的修正版本（发现一个意想不到的bug，赶紧删掉）

评论

32 楼 dugujiujian 2009-07-04  

我的测试环境是ie7,直接打开lz的test.html

31 楼 dugujiujian 2009-07-04  

第二个弹出框,连续点两次取消后父子窗口就自动关闭,第一次点取消则取消了遮照,而自己本身没关闭,把知道是不是bug,当再次点击取消时.则同时关闭了两个modal窗口

30 楼 bohemia 2009-07-03  

效果不错.收藏了.
第一个click按钮,打开的窗口后,再次打开block窗口.
点击取消(或者关闭)按钮后,第一个被打开的窗口可拖动,但当前窗口未关闭. 不知道是不是BUG?

29 楼 xuxiangpan888 2009-07-03  

Rainbamboo 写道

看来楼主得再修复一个bug了，这个东东只能用在没有任何frameset的页面中，只要加上frameset,就出不来了,报topWin.$.DialogData为空或不是对象,我用ie6测试的

看看能 这个问题怎么解决

28 楼 Rainbamboo 2009-07-02  

看来楼主得再修复一个bug了，这个东东只能用在没有任何frameset的页面中，只要加上frameset,就出不来了,报topWin.$.DialogData为空或不是对象,我用ie6测试的

27 楼 naily 2009-07-02  

还不错，楼主辛苦。
希望能精益求精
1，$.funkyUI({
url:"1.html",
OKEvent:okEvent,
css:{width:"700",height:"500"}
});
会把父窗口撑大，X、Y都出现了下拉框，且背景没全换

2，弹出2个窗口，第二个窗口点关闭，两个都关闭了

26 楼 jaychaoqun 2009-07-01  

黑色覆盖层bug，，把对话框拖动到下面去，，再滚动条拉下来就看到了没有被黑色层覆盖，，

25 楼 zqp_xp 2009-07-01  

按tab键一样破解....

24 楼 nishijia 2009-06-30  

的确，弹出2个窗口，第二个窗口点关闭，没有关掉，反而去掉了模态

不过这东西作出来真不错 学习了

23 楼 tkl211 2009-06-30  

我下载了例子,运行没问题,但是把这些放到程序里,就出问题了,所用到的包,都是正确的,提示:topWin.$.DialogData 为空或不是对象,就弹不出来了

22 楼 youjianbo_han_87 2009-06-30  

还是有点问题的，点第一个 click1时，让弹出2个窗口，第二个窗口点关闭，没有关掉，反而去掉了模态

21 楼 zhangyong83415 2009-06-30  

并没有真正解决模态窗口的问题。 父窗口的执行代码不会暂停执行。 这个实现只是模拟而已。 如果是模拟的话已经有很多的成熟的JS库可用。 我也在考虑如何真正的替代模态窗口的问题。

20 楼 mlw2000 2009-06-30  

	function block(){
		if($.confirm("你是男性吗？")){
			if($.confirm("你大于22岁吗？")){
				alert("你符合法定结婚年龄限制");
			}else{
				alert("你不符合法定结婚年龄限制");
			}
		}else{
			if($.confirm("你大于20岁吗？")){
				alert("你符合法定结婚年龄限制");
			}else{
				alert("你不符合法定结婚年龄限制");
			}
		}
	}

难道真的找不到一种可以优雅的替代window.confirm()函数的方法？？？？？

19 楼 james112496 2009-06-29  

好东西，收藏

18 楼 dd2086 2009-06-29  

不错的东东，继续改进！

17 楼 yangjianfa 2009-06-29  

点击demo.html的chicl1弹出的第二遮照框,关闭时,点击第一次没有反应，点击第二次两个弹出框都关闭了,在IE8使用。希望ZL做的更好。

16 楼 wangyu 2009-06-29  

在修正2中出现(修正1中正常)
弹出的第二窗口,第一次点击关闭时不能关闭,再次点击关闭时会连同第一个一同关闭

15 楼 xzj127 2009-06-28  

。。很漂亮。。

不过还有问题。。我弹出框上 在弹出一层的时候。没问题。就是在取消的时候。有问题。

14 楼 willin2004 2009-06-27  

dugujiujian 写道

弹出的第二遮照框,关闭时,会把第一个也关闭掉

请把测试粘上来，我试着是正常的

13 楼 willin2004 2009-06-27  

dugujiujian 写道

能否再加个回调函数的功能

有回调函数的功能的