jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)


Posted in Javascript onAugust 05, 2016

本文实例讲述了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果。分享给大家供大家参考,具体如下:

function openTopWindow(url, title, width, height) {
  title = title == undefined ? ' ' : title;
  width = width == undefined ? 800 : width;
  height = height == undefined ? 300 : height;
  if (url != undefined) {
    var content = '<iframe name="eui-open-page" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>';
    parent.$('#openWindow').window({
      title: title,
      width: width,
      height: height,
      content: content,
      modal: true,
      animate: true,
      minimizable: false
    });
  }
}

接下来需要在Layout主页面放置一个div区域即可:

<!--Open Window Begin-->
<div id="openWindow"></div>
<!--Open Window End-->

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
jquery mobile changepage的三种传参方法介绍
Sep 13 Javascript
jquery右下角弹出提示框示例代码
Oct 08 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
javascript 利用arguments实现可变长参数
Nov 21 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 Javascript
详解vue嵌套路由-params传递参数
May 23 Javascript
基于JS对象创建常用方式及原理分析
Jun 28 Javascript
浅谈vue项目用到的mock数据接口的两种方式
Oct 09 Javascript
Vue实现页面添加水印功能
Nov 09 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 #Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 #Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 #Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 #Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 #Javascript
使用jquery/js获取iframe父子级、同级获取元素的方法
Aug 05 #Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 #Javascript
You might like
欧美媒体选出10年前最流行的17部动画
2017/01/18 日漫
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
js调用AJAX时Get和post的乱码解决方法
2013/06/04 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
21个值得收藏的Javascript技巧
2014/02/04 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
15位和18位身份证JS校验的简单实例
2016/07/18 Javascript
NodeJs下的测试框架Mocha的简单介绍
2017/02/22 NodeJs
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
[39:11]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第二局
2016/02/28 DOTA
Python入门篇之编程习惯与特点
2014/10/17 Python
python列出目录下指定文件与子目录的方法
2015/07/03 Python
使用python3.5仿微软记事本notepad
2016/06/15 Python
Python+MongoDB自增键值的简单实现
2016/11/04 Python
详解使用python的logging模块在stdout输出的两种方法
2017/05/17 Python
python3.6使用tkinter实现弹跳小球游戏
2019/05/09 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
Python3爬虫RedisDump的安装步骤
2021/02/20 Python
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
计算机专业自荐信
2015/03/05 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
生鲜超市—未来中国最具有潜力零售业态
2019/08/02 职场文书
Python基础之进程详解
2021/05/21 Python
详解运行Python的神器Jupyter Notebook
2021/06/03 Python
如何理解python接口自动化之logging日志模块
2021/06/15 Python
Python函数式编程中itertools模块详解
2021/09/15 Python