jquery.boxy插件的iframe扩展代码


Posted in Javascript onJuly 02, 2010
/* 
<a href="a.html" onclick="return $.qbox(this);" > 
<a href="a.html" onclick="return qBox.iFLoad(this);" > 
<a href="a.html" onclick="return qBox.iFrame({src:'b.html'})" > Boxy属性不变 新增 w、h、src 属性 
qBox.Close();关闭当前窗口 
qBox.iFSrc({}); 改变当前窗口的属性及指向 Boxy属性不变 新增 w、h、src 属性 
*/ //Boxy插件的扩展 
jQuery.fn.qbox=function(options){ 
var node = this.get(0).nodeName.toLowerCase(); 
var self=this; 
if (node == 'a') { 
$(this).attr('onclick','').unbind('click').click(function(){return false;}); 
options = $.extend(options||{},{src:this.get(0).getAttribute('href'),beforeUnload:function(){ $(self).unbind('click').click(function(){return $(this).qbox(options);});}}); 
} 
qBox.iFLoad(options); 
return false; 
} 
var qBox=function(){}; 
jQuery.extend(qBox,{ 
aDgs:[], 
iFrame:function(op){ 
op = jQuery.extend({title:'提示',w:320,h:200,src:'about:blank',modal:false,fixed:false,unloadOnHide:true},op),fm=parseInt(Math.random()*(1000*987));// 
var dialog = new Boxy("<b id=\"ld"+fm+"\">正在加载,请稍后....</b><iframe id=\"_"+fm+"\" style=\"width:0;height:0;display:none;padding:0;\" src="+op.src+" frameborder=\"0\" scrolling=\"no\"></iframe>",op); 
jQuery("#_"+fm).load(function(){ 
dialog.resize(op.w,op.h,function(){}); 
jQuery("#ld"+fm).remove(); 
jQuery("#_"+fm).css({'padding':'15px','display':''}); 
}); 
qBox.aDgs.push(dialog); 
return false; 
}, 
Close:function(){ 
qBox.aDgs[qBox.aDgs.length-1].hide(); 
return false 
}, 
iFSrc:function(op){ 
op = jQuery.extend({w:320,h:200,src:'about:blank'},op); 
qBox.aDgs[qBox.aDgs.length-1].getContent().attr("src","about:blank"); 
qBox.aDgs[qBox.aDgs.length-1].setTitle(op.t); 
qBox.aDgs[qBox.aDgs.length-1].tween(op.w,op.h,function(){qBox.aDgs[qBox.aDgs.length-1].getContent().attr("src",op.src).css({width:op.w,height:op.h});}); 
return false; 
}, 
iFLoad:function(options){ 
var sr= jQuery(this).attr("href"); 
var op = jQuery.extend({src:sr},options); 
qBox.iFrame(op); 
return false; 
} 
});

出处 cn795.cnblogs.com
Javascript 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
Bootstrap基本组件学习笔记之进度条(15)
Dec 08 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
Dec 23 Javascript
Javascript设计模式之装饰者模式详解篇
Jan 17 Javascript
babel的使用及安装配置教程
Feb 22 Javascript
JS module的导出和导入的实现代码
Feb 25 Javascript
redux.js详解及基本使用
May 24 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
Jul 24 Javascript
layui输入框只允许输入中文且判断长度的例子
Sep 18 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 Javascript
JQuery AJAX提交中文乱码的解决方案
Jul 02 #Javascript
IE本地存储userdata的一个bug说明
Jul 01 #Javascript
UserData用法总结 lanyu出品
Jul 01 #Javascript
javascript 函数调用的对象和方法
Jul 01 #Javascript
this和执行上下文实现代码
Jul 01 #Javascript
jquery.validate使用攻略 第五步 正则验证
Jul 01 #Javascript
jquery validate使用攻略 第四步
Jul 01 #Javascript
You might like
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
PHP优于Node.js的五大理由分享
2012/09/15 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
2016/01/12 Javascript
jsp 自动编译机制详细介绍
2016/12/01 Javascript
简单谈谈React中的路由系统
2017/07/25 Javascript
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
基python实现多线程网页爬虫
2015/09/06 Python
Python实现读取邮箱中的邮件功能示例【含文本及附件】
2017/08/05 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
10个Python小技巧你值得拥有
2018/09/29 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
Python3.5迭代器与生成器用法实例分析
2019/04/30 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
土木工程毕业生自荐信
2013/09/21 职场文书
生态学毕业生自荐信
2013/10/27 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
大学生暑期实践感言
2014/02/26 职场文书
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
财务会计求职信范文
2015/03/20 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
家庭经济困难证明
2015/06/23 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
springcloud整合seata
2022/05/20 Java/Android