Thickbox的使用

1、父页面添加引用

<link href="thickbox.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script src="thickbox.js" type="text/javascript"></script>

2、父页面添加如下链接地址:

<a href="Tree3Status/ParamSel.aspx? keepThis=true&TB_iframe=true&height=450&width=770" title="选择科目" class="thickbox" </a>

也可以在上面拼接参数

修改:

thickbox 弹出层的遮住层透明度修改

.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

关闭层:

onclick="self.parent.tb_remove();"

关闭层刷新父页面:

修改:thickbox.js

添加如下函数:

// 刷新打开本窗口的opener窗口.
function refreshOpener(){
// 可能存在frame页面,所以要引用top窗口

    var win = top.window;
    try
    {
        // 刷新.
        if(win)
        {
           win.location.reload();
        }
    }
    catch(ex)
    {
        // 防止opener被关闭时代码异常。
    }
}

// 刷新opener窗口后关闭自己。
function refreshOpenerAndCloseMe(){
  tb_remove();
  refreshOpener();

然后修改$("#TB_closeWindowButton").click(tb_remove);为

$("#TB_closeWindowButton").click(refreshOpenerAndCloseMe);

时间: 2024-11-08 18:28:48

Thickbox的使用的相关文章

在Asp.net MVC使用thickbox实现调用页面的Ajax更新

在MVC模式中,通常都是Controller处理请求并生成数据,选择一个合适的 View来显示结果给用户.虽然Asp.net MVC已经有非常丰富的ActionResult来满 足不同情况下的需求,但是有了Ajax的利器,我们希望有更流畅的交互方式.我 们希望能够在一个界面完成列表的显示,编辑或者新增,并完成刷新.借助 jQuery的一个扩展thickbox我们能够达到这个效果. 本文的灵感来自于一篇博文:MVC AJAX Form with Ajax.BeginForm() and jQuer

Jquery弹出层插件Thickbox使用心得

前段时间在建设银行项目上用EXT完整做了个单页系统,太赶了,没有记录下任何东西, 现在都忘了,怪可惜的.这次项目用JQuery做js的东西.主要用了个弹出层控件thickbox, 自己也扩展和修改了一下.这里就记下来,也提供大家下载,希望对大家有用吧. thickbox官方网站(上面有例子和基本的使用方法): http://jquery.com/demo/thickbox/ 就我使用过程中,thickbox常见问题: 1 .跨iframe的弹出层. 症状:每次thickbox都只在frame中弹

Jquery弹出层插件ThickBox的使用方法_jquery

thickbox是jQuery的一个插件,其作用是弹出对话框.网页框,使用户体验度更加愉悦,下面就来简单介绍它的几种用法. 声明一下:这只是个人的总结记载而已. 准备工作:你需要三个文件:thickbox.js.thickbox.css.jquery.js,网上到处可下 具体使用: 第一步:将这三个文件引入到你要使用thickbox的页面 复制代码 代码如下: <script type="text/javascript" src="jquery.js">

Wordpress ThickBox 添加“查看原图”效果代码

wordpress thickbox 添加"查看原图"效果代码 function tb_show(caption, url, imagegroup) {//function called when the user clicks on a thickbox link try { /// 代码省略... tb_nexthtml = ""; tb_imagecount = ""; tb_foundurl = false; ////// 打开新窗口显示

基于jquery+thickbox仿校内登录注册框_jquery

下面将我用thickbox和css实现校内登录(注册)框与大家分享下----->效果图如下: 方法很简单,就是用thickbox的iframe模式,将另一个页面嵌套即可,然后在这个页面里写ajax来实现相应的功能. 代码: 注册:regUser.html 复制代码 代码如下: <link type="text/css" href="css/reg.css" rel="Stylesheet" /> <script type=

Jquery ThickBox插件使用心得(不建议使用)_jquery

大家可以使用官方推荐的一下几个插件 复制代码 代码如下: While Thickbox had its day, it is not maintained any longer, so we recommend you use some alternatives. * colorbox * jQueryUI Dialog * fancybox * DOM window * shadowbox.js 做项目中发现facebox如果快速单击两下,容易出现黑屏.而且facebox的框架是用table写

JQUERY THICKBOX弹出层插件_jquery

.THICKBOX支持一下浏览器: Windows IE 6.0, Windows IE 7+, Windows FF 2.0.0.6+, Windows Opera 9.0+, Macintosh Safari 2.0.4+, Macintosh FF 2.0.0.6+, Macintosh Opera 9.10--但是据我的使用,IE6还是有点问题的!下面我们首先来看它的调用: 1.肯定你先要下载jquery.js和thickbox.js了.还有thickbox.css也不能少! 复制代码

如何在LinkButton中应用thickbox?

问题描述 Itriedtodoathickbox(http://jquery.com/demo/thickbox/)foraLinkButton.<asp:LinkButtonID="lbtnSave"runat="server"Text="Save"CssClass="thickbox"OnClick="lbtnSave_Click"PostBackUrl="Welcome.aspx&qu

Wordpress ThickBox 添加“查看原图”效果代码_javascript技巧

在 wp-includes/js/thickbox/thickbox.js 大概39行的function tb_show(caption, url, imageGroup)中,添加如下行(粗体红色字代表新添加的代码) 复制代码 代码如下: function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link try { /// 代码省略... TB_NextHTM