artdialog

Web开发中，目前由于Jquery的大行其道，因此很多弹出对话框，都用到了Jquery技术，反而原始的弹出对话框的方式较为少用了。不过基于JQuery的方式实现对话框窗口弹出，也有很多控件可以利用，由于工作需要及业余兴趣所至，我比较了近10种的对话框控件，其中发现有一些做得很好的，除了功能强大，而且也支持多种皮肤样式，甚至有些对话框的居中都考虑到了，细节决定体验，有些真的不错。 1、原始的弹出对话框实现（弹出窗口也可以） 我们知道，以前在没有应用其他javascript库（例如各种类型的Jquery库）的时候，一般是通过window.open或者window.showModalDialog来弹出非模态或者模态的对话框的，如下脚本所示。 function OpenWin( sURL , sFeatures ) { window.open( sURL , null , sFeatures , null) //window.open("Sample.htm",null,"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); //window.open( [sURL] [, sName] [, sFeatures] [, bReplace]) //sName{_blank; _media; _parent;

API网址 http://aui.github.io/artDialog/doc/index.html 相关资料下载 https://code.google.com/archive/p/artdialog/downloads 来源： https://www.cnblogs.com/mjtabu/p/11899090.html

artDialog是一个相当好用的对话框插件。用法可以参考：http://aui.github.io/artDialog/doc/index.html#api-show 但我使用时遇到了下面的问题： 在列表页面，针对每一条数据后面有一个设置按钮，单击设置按钮弹出一个设置窗口1。 在设置窗口中有文件上传的部分，点击上传按钮会使用artDialog弹出一个提示窗口2（提示支持的文件类型，大小等，然后是一个选择文件的按钮）。 现在的问题是：在设置窗口1点击上传按钮时，弹出的提示窗口2被1遮住了。 我用的版本是4.1.2。 百度呢，发现它有一个zIndex属性，不过呢这是一个全局的属性。也就是说呢，你第一个弹出窗口zIndex设置为99， 那么后面的弹出窗口zIndex都是99.那么首先想到了针对设置窗口1和提示窗口2都设置zIndex。 但仅仅这样扔有问题。 第一次是成功的。但将子窗口关闭后，再次打开就被遮住了。由于zIndex是一个全局属性，因此在第一次打开子窗口时已经将zIndex设置为了新的值。 再次打开时父窗口和子窗口的zIndex一样。父窗口大一些，将子窗口遮住了。 那么，解决办法就是：在每次打开子窗口时改变zIndex，让他比父窗口大就行了。 好吧，这样做了之后暂时没有什么问题了。 但是，如果页面有可以input,select之类的，在你点了input

之前用过artDialog 5.0之前版本，非常佩服作者的创意和敬业精神，现在新版的功能朝着轻量级js的方便发展，我还是比较喜欢之前artDialog.open的功能，直接方便。但就是之前版本有点大，我现在只想在artDialog增加一点从ajax get远程内容，我的代码如下： $.extend({ _htmlDataArr: new Array(), _findHTML: function (url){ var hd_len= $._htmlDataArr.length; for ( var i=0;i<hd_len;i++ ) { if ($._htmlDataArr[i][0]== url){ return $._htmlDataArr[i][1 ]; } } return null ; }, extDialogFrame: function (url,options){ var options=$.extend({okValue:'确定',cancelValue:'取消',lock: true ,title:'对话框',padding: 0 }, options); options.content ='<iframe src="'+url+'" width="'+options.width+'" height="'+options.height+'"