用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，赶紧删掉）

评论

72 楼 yangbaizhiyu 2010-01-15  

感谢你提供这么好的插件，经过几天的研究和摸索，提几点在各楼主遇到的问题
1、对话框关闭问题：
   解决方法：将remove()方法中的
   //topWin.$._Array[topWin.$._Array.length-1].$.DialogData.dialogDiv.hide();
//topWin.$._Array[topWin.$._Array.length-1].$.DialogData.dialogDiv.fadeIn("fast");
//win.$.DialogData.dialogDiv.fadeOut("normal");
$('#_DialogDiv_'+opts.id).fadeOut("normal");
改为
topWin.$._Array[topWin.$._Array.length-1].$.DialogData.dialogDiv.show();
topWin.$._Array[topWin.$._Array.length-1].$.DialogData.dialogDiv.fadeIn("fast");
win.$.DialogData.dialogDiv.fadeOut("normal");
$('#_DialogDiv_'+opts.id).hide();
2、如何在frameset中使用？
   解决方法：在定义变量topWin时应该修改为：
    var topWin = window.name == ''? window.top:window.top.frames[window.name];
   修改//计算窗口的高宽和滚动条的位置,确保显示在屏幕正中间
    将这里的window.top修改为topWin
OK，问题可以解决了！

71 楼 NIIT_zhu 2010-01-12  

我有一个问题，呵呵。我要提交模态页面的内容，确认按钮好像不能用。

70 楼 ylz4647 2009-12-25  

<frameset rows="170,*" cols="*" frameborder="Yes" border="2" framespacing="0">
  <frame src="demo.html" name="top" scrolling="NO" noresize>
  <frameset cols="210,*" name="main" frameborder="Yes" border="2" framespacing="0">
    <frame src="demo.html" name="left" scrolling="auto">
    <frame src="demo.html" name="right" scrolling="yes">
  </frameset>
</frameset>
這樣會報錯，關也關不掉！！demo.html 是直接用LZ的附件！

69 楼 zhoche2008 2009-12-25  

$.funkyUI问题列表：
1.弹出窗口中的输入框有时候不让输入，无法获得信息【除非按tab键后】
2.应该追加回调函数
3.支持传参
4.确认按纽和取消按纽下面的工具条应该允许调用者不显示

68 楼 zhoche2008 2009-12-22  

这是我目前找到的最好的IE弹出窗口的例子，很好很强大，不过还有点不足:弹出窗口的右上角的关闭按纽，有点超出窗口范围了

67 楼 zhoche2008 2009-12-22  

太牛比了，正是我需要的，谢谢

66 楼 bing8848 2009-12-17  

不支持动态页面ＰＨＰ？

65 楼 xuanye 2009-10-26  

mlw2000 写道

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

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

因为Js不是多线程的，没有办法阻塞（只有alert,confirm，模态对话框）,如果要替换confirm只能模拟那个样子，但是不能阻止js往下执行，所以应该要用回调函数来实现，和原来的估计是不一样的

64 楼 climber 2009-10-25  

有一些BUG,不过还不错,期待改进中

63 楼 lovelong1 2009-10-23  

BUG很多，多窗体关闭有bug

62 楼 jacki6 2009-10-01  

可以再加入点东西，比如像弹出登陆窗口之类，对div的支持（我自己加了），窗口随父窗口纵向滚动条的滚动，这个效果也蛮不错的（我看了下代码，没加成功）

61 楼 jacki6 2009-10-01  

magus0803 写道

楼主，这个东东很有帮助，不过我发现一个问题
在IE6下打开模态窗口，横向和纵向的滚动条就出来了。。然后滚动过去就没有被遮蔽。
在firefox3.5.2下没问题这个问题

就是，目前正在使用，其他效果都不错，就是这个问题，麻烦楼主看看

60 楼 mlw2000 2009-09-28  

	<script type="text/javascript">
    window.alert=$.alert;
	function showAlert(){
        alert(111);
        alert(222);
	}
	</script>

效果不错，但达不到替换window的原生alert的效果，如上

59 楼 xiangkun 2009-09-27  

问题：弹出框后，遮罩层并没有将当前页面所有内容进行覆盖，我的意思是，当前页面有多大，遮罩层就多大。。。


期待LZ下个版本解决这些问题啊！！

58 楼 me- 2009-09-18  

建议在chromium下测试 感觉对jquery js的支持比IE系列的好太多

57 楼 me- 2009-09-18  

第二个弹出框连续点击"取消"两次会把父窗口也关闭的的bug好象没修改过

56 楼 squall140 2009-09-18  

感觉真的是不错，完美的和jQUery整合！

55 楼 weigphf 2009-09-14  

tkl211 写道

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

我也有同样的错误。。。

54 楼 qkjava 2009-09-07  

在frameset里面用会报
topWin.$.DialogData找不到错。
结合我自己用到的frameset将以上改为
topWin.frames["mainIcdFrame"].$.DialogData。

改进意见:对于该控件在frame中的应用值得改进。

53 楼 kanny87929 2009-08-18  

楼主的根据jQuery blockUI 来的
我现在的项目基本项目里都用的是这个插件