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实现的UBB编码函数
Mar 09 Javascript
测试JavaScript字符串处理性能的代码
Dec 07 Javascript
一个简单的JavaScript数据缓存系统实现代码
Oct 24 Javascript
5款JavaScript代码压缩工具推荐
Jul 07 Javascript
JavaScript中的包装对象介绍
Jan 27 Javascript
javascript每日必学之多态
Feb 23 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
VUE2实现事件驱动弹窗示例
Oct 21 Javascript
微信小程序(订阅消息)功能
Oct 25 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 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写的小东西
2006/12/06 PHP
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
深入解析PHP的Laravel框架中的event事件操作
2016/03/21 PHP
PHP类的特性实例分析
2016/09/28 PHP
php和redis实现秒杀活动的流程
2019/07/17 PHP
PHP number_format函数原理及实例解析
2020/07/14 PHP
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
jQuery Validation Plugin验证插件手动验证
2016/01/26 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
2017/03/01 Javascript
Vue 2.0的数据依赖实现原理代码简析
2017/07/10 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
2019/08/01 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
构建一个JavaScript插件系统
2020/10/20 Javascript
理解python多线程(python多线程简明教程)
2014/06/09 Python
pandas中Timestamp类用法详解
2017/12/11 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
python 实现dict转json并保存文件
2019/12/05 Python
Django操作session 的方法
2020/03/09 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
国际奢侈品品牌童装购物网站:Designer Childrenswear
2019/05/08 全球购物
个人简历自荐信
2014/06/26 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python
CSS元素定位之通过元素的标签或者元素的id、class属性定位详解
2022/09/23 HTML / CSS