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 相关文章推荐
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
js猜数字小游戏的简单实现代码
Jul 02 Javascript
jquery与js函数冲突的两种解决方法
Sep 09 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
js跨域访问示例(客户端/服务端)
May 19 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
Mar 07 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
vue调用高德地图实例代码
Apr 28 Javascript
js+html5实现页面可刷新的倒计时效果
Jul 15 Javascript
Javacript中自定义的map.js  的方法
Nov 26 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
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
php实现监控varnish缓存服务器的状态
2014/12/30 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
jquery 学习之二 属性相关
2010/11/23 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
Vue实现移动端左右滑动效果的方法
2018/11/27 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
一次微信小程序内地图的使用实战记录
2019/09/09 Javascript
js计算最大公约数和最小公倍数代码实例
2019/09/11 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
javascript实现左右缓动动画函数
2020/11/25 Javascript
python自动点赞功能的实现思路
2020/02/26 Python
Mac PyCharm中的.gitignore 安装设置教程
2020/04/16 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
匡威爱尔兰官网:Converse爱尔兰
2019/06/09 全球购物
外联部演讲稿
2014/05/24 职场文书
考研复习计划
2015/01/19 职场文书
2015年全国爱眼日活动方案
2015/05/05 职场文书
工会经费申请报告
2015/05/15 职场文书
2015年学校政教处工作总结
2015/05/26 职场文书
安全教育片观后感
2015/06/17 职场文书
大学校园招聘会感想
2015/08/10 职场文书
大学生社会服务心得体会
2016/01/22 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
2019年12月24日平安夜祝福语集锦
2019/12/24 职场文书