如何让EasyUI弹出层跳出框架

这个的解决方法其实挺简单的。

只要在最外面的框架页面加个div,然后用parent.div的id就可以的。但是必须得弹出框得是一个页面。

<div id="div_info"></div>

//外层弹出框1
 function openFirstWin(url, title, width, height) {
 var strWidth;
 var strHeight;
 if (width == null)
 strWidth = 800;
 else
 strWidth = width;
 if (height == null)
 strHeight = 500;
 else
 strHeight = height;
 if (url != null) {
 //var content = ‘<iframe name=\"first\" scrolling=\"auto\" frameborder=\"0\" src=\"‘ + url + ‘\" style=\"width:100%\;height:100%\;\"></iframe>‘;
 var content = createIFrame(url);
 parent.$(‘#div_info‘).window({
 close: false,
 modal: true,
 draggable: false,
 title: title,
 animate: true,
 content: content,
 minimizable: false,
 width: strWidth,
 height: strHeight,
 top: (parent.$(parent.window).height() - height) * 0.5,
 left: (parent.$(window).width() + 200 - strWidth) * 0.5
 });
 }
 return false;
 }

web技术分享

如何让EasyUI弹出层跳出框架,布布扣,bubuko.com

时间: 2024-08-09 19:41:51

如何让EasyUI弹出层跳出框架的相关文章

弹出层跳出原框架

问题:弹出的图片查看器,只能在原框架内显示,而不是满屏显示. 解决办法:1.图片查看器js不要放在小框架内,而要放在整体页面中. 2.那如何获取小框架内的元素 parent: document.getElementById('iframepage').contentWindow.document.getElementById('zh10') 其中iframepage为小框架的名称,而zh10为小框架中的元素. 这个问题解决后又出现一个新的问题:在大框架内的js只加载一次,如果左侧iframe_l

layer弹出层框架alert与msg详解

layer--->web弹层组件 代码: 1 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标 通常情况下,除了弹窗之外我们一般都会有对按钮做回调处理的一些操作 如图: 1 layer.alert('墨绿风格,点击确认看深蓝', { 2 skin: 'layui-layer-molv' //样式类名 自定义样式 3 ,closeBtn: 1 // 是否显示关闭按钮 4 ,anim: 1 //动画类型 5 ,btn: ['

分享一个JQuery弹出层插件

JQuery插件TipsWindown 1.1 一个基于jQuery的弹出层.支持拖拽,支持内容为文字,图片,URL等!至于兼容性.在IE6下,弹出对像无法绝对固定.其他应该没啥大问题: 最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果.句容市鄂茂钢铁 应用演示 弹出文本信息提示:   我是下拉菜单 tipsWindown("提示","text:提示信息内容","250","150"

使用Layer插件遇到的坑——Layer弹出层闪退

一.前言 巨坑,基础没学好,导致找了一个下午的问题,终于被我发现了.说多都是泪,记录下来,以后有人遇到这个错误可以参考下 做项目期间做了几个页面,需要用到弹出层,为了方便使用到了Layer的插件,然后写点击事件在form表单中(第一个坑),接着,又使用button按钮(悲剧的开始),同样放在form表单下.想要的效果就是当我点击按钮的时候,就弹出层.(悲剧) 好了,巨坑开始,一开始页面打好之后,就放到SSM框架中,出现的问题一开始就是404地址找不到,使用绝对定位不行,浏览器报的错误一直是错误的

一个基于jQuery的弹出层插件XYTips

效果预览:http://www.juheweb.com/js/tc/80.html 标签: jQuery [1].[代码] [JavaScript]代码 跳至 [1] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58

JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法(转)

原文:JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法 jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/: easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果.由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认

制作弹出层

1.引用相关easyui.min.js,easyui-lang-zh_CN.js 等js 文件: 2.前台代码 <input type="text" id="txt_Type" style="display:none" /> <div class="macFormItem" id="divSQXLH" runat="server"> <label> 售

利用JS弹出层实现简单的动态提示“正在加载中,请稍等...”

JQuery版本:1.7.1: 编写一个JS类(ck.layer.js): [javascript] view plaincopy /************************************* Achievo.Javascript Library ************************** * Using jQuery 1.7.1 * Using cks.js 1.0.1 * Name : ck.layer.js * Create by Angle.Yang on 20

javascript对话框(弹出层)组件

http://www.blueidea.com/download/product/2010/7513.asp#comment 1. 从头到尾对一遍<<Javascript高级程序设计>>,不懂的地方可以暂时掠过,给自己对javascript有一个大体的印象2. 认认真真的读完这本书:<<编写可维护的javascript>>,从编码规范,技巧,模式,等各个方面深入体会javascript3. 重新读一遍<<Javascript高级程序设计>&