最近做项目遇到一个比较好的弹出框,在这里做一下记录:
如果遇到iframe的页面:可以这样包含一个新的域。
content: content: "<iframe src=\""+url+"\" width=\"1200px\" height=\"500px\" scrolling=\"auto\" frameborder=\"0\"></iframe>"
<!-- dialog弹出层引入 --> <script type="text/javascript" src="<%=contextPath%>/scripts/artDialog-master/zz/dialog-plus.js?rnd="+Math.random()"></script> <link rel="stylesheet" href="<%=contextPath%>/scripts/artDialog-master/css/ui-dialog.css"/> function aa () { var d = dialog({ title: '消息', content: '风吹起的青色衣衫,夕阳里的温暖容颜,你比以前更加美丽,像盛开的花<br>——许巍《难忘的一天》', // content: "<iframe src=\""+url+"\" width=\"1200px\" height=\"500px\" scrolling=\"auto\" frameborder=\"0\"></iframe>", okValue: '确 定', ok: function () { dialog() .title('提示2') .content('hello world') .button([{ value: '打开', autofocus: true, callback: function () { dialog() .title('提示') .showModal(); } }]) .show(); return false; }, cancelValue: '取消', cancel: function () {} }); d.showModal(); }
如果遇到基于后台控制只能跳转到页面的方式,但是又不想使用iframe的。则可以先用ajax去取出源代码,然后再放入到弹出层的content当中。
例如:
//选择科室 function getOrgConstructorByNewCust(orgCode, orgName,type,orgMemType,orgTitle){ var orgCode1=jQuery("#registOrganize").val(); if(!isNull(orgCode) && !isNull(orgCode1)){ var url=contextPath+'/baseManager/BMAction.do?action=getOrgConstructor&Id1='+orgCode+"&Id2="+orgName+"&type="+type+"&orgMemType="+orgMemType+"&orgCode="+orgCode1+"&createFlag="+createFlag; jQuery.ajax({ url:url, async:false, data:{ }, dataType:"html", success: function(data){ var d = dialog({ id:'selectdept', width: '730px', height:'300px', title: '选择科室', content: data, ok: false, cancel: function(){ }, cancelValue:'取消' }); d.showModal(); }, error:function(xhr,status){ MWalert(1,"后台异常"); return; } }); }else{ MWalert(1,"请先选择机构"); return; }
相关推荐
artDialog 弹出层插件
NULL 博文链接:https://songjianyong.iteye.com/blog/1561134
javascript对话框(弹出层)组件artDialog artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 演示地址:http://www.planeart.cn/downs/artDialog/ 项目主页:...
本人已测试,完全ok,很多个单个示例,容易学,简单
这个资源非常好,可以实现很漂亮的弹出层效果,对浏览器的兼容性很好。可以配合着web开发使用。
很炫的web模式窗API,里面带有教程,窗体可自由拖动,提供多种样式选择,打开速度快,还支持各种Alert提示小窗、Confirm确认提示等等。
实现效果: ...大气绿色jQuery弹出框弹出层特效代码,支持三种弹出对话框模式,即提示信息、confirm确认、 alert提示三种弹框模式,特效代码基于jQuery实现,很不错的对话框,相比ArtDialog功能弱了点。效。
大气绿色jQuery弹出框弹出层特效代码,支持三种弹出对话框模式,即提示信息、confirm确认、 alert提示三种弹框模式,特效代码基于jQuery实现,很不错的对话框,相比ArtDialog功能弱了点。
支持弹出层 把页面以层的方式弹出 跨框架 兼容性好,而且文档是中文的
artdialog效果很不多,上传上来大家都可以试试~!
artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口
四、弹出层 五、模板引擎 5.1、Hello World 5.2、方法 5.3、与AJAX结合应用 六、示例下载 一、AJAX示例 AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网
artDialog-master弹出框加Query插件,可以自定义样式,框架灵活,默认提供了9中样式可选择,亲测可兼容各大浏览器。
基于 AngularJS 的浮层组件,由 artDialog 演进而来。 使用 AngularJS 自带的ng-if、ng-show、ng-hide控制浮层的显示与隐藏 支持 ARIA 规范、无障碍焦点管理、快捷键关闭 完全基于 HTML 标签,高可定制化 可以指定...
弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高,一般的弹框插件可能只满足...
- 弹出层中的弹出层关闭,父窗口失去焦点问题。 - 代码中grunt部分代码拆分开,放到程序外面;提交到git、osc - 桌面:删除alert enter快捷键删除 - install 检测 加入跳过,(只判断用到的函数) 加入多语言 - ...