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 getElementsByName()的用法说明
Jul 31 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
May 26 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
JavaScript利用fetch实现异步请求的方法实例
Jul 26 Javascript
微信小程序异步处理详解
Nov 10 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
详解vue父子组件关于模态框状态的绑定方案
Jun 05 Javascript
vue移动端模态框(可传参)的实现
Nov 20 Javascript
vue 组件基础知识总结
Jan 26 Vue.js
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
第十三节--对象串行化
2006/11/16 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
jQuery bind事件使用详解
2011/05/05 Javascript
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
js和jquery如何获取图片真实的宽度和高度
2014/09/28 Javascript
JS控制表格实现一条光线流动分割行的方法
2015/03/09 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
2015/12/02 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
原生js二级联动效果
2017/06/20 Javascript
VueJs组件之父子通讯的方式
2018/05/06 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
vuex页面刷新导致数据丢失的解决方案
2020/12/10 Vue.js
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
在Python中移动目录结构的方法
2016/01/31 Python
python得到windows自启动列表的方法
2018/10/14 Python
解决PyCharm不运行脚本,而是运行单元测试的问题
2019/01/17 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
中职生自我鉴定范文
2013/10/03 职场文书
业务主管岗位职责范本
2013/12/25 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
大学军训感言1000字
2014/02/25 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
董事长新年致辞
2015/07/29 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书