你的分享就是我们的动力 ---﹥

关于ThickBox 不能全屏显示的配置

时间:2013-05-30 14:34来源:www.chengxuyuans.com 点击:

前段时间前端开发的时候用到了thickbox,当时网站用到了框架。导致thickbox的覆盖层只在当前页面,而不能覆盖整个页面。

经过不断的研究,终于发现问题所在。以下是自己的一些笔记。

1. 需要在url地址中加入TB_iframe,如下:

Flow_Add.aspx?TB_iframe=true&height=500&width=800

2.需要修改js中的thickbox.js中,将urlNoQuery[0]修改为url。


jQuery("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + caption + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>关闭</a> 或 Esc 键</div></div><iframe frameborder='0' hspace='0' src='" + urlNoQuery[0]+ "' id='TB_iframeContent' name='TB_iframeContent" + Math.round(Math.random() * 1000) + "' onload='tb_showIframe()' style='width:" + (ajaxContentW + 29) + "px;height:" + (ajaxContentH + 17) + "px;' > </iframe>");

修改为

jQuery("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>" + caption + "</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='Close'>关闭</a> 或 Esc 键</div></div><iframe frameborder='0' hspace='0' src='" + url + "' id='TB_iframeContent' name='TB_iframeContent" + Math.round(Math.random() * 1000) + "' onload='tb_showIframe()' style='width:" + (ajaxContentW + 29) + "px;height:" + (ajaxContentH + 17) + "px;' > </iframe>");

3. 修改后不能使用Request.QueryString获取参数,需要使用Page.Request.RawUrl
然后提取其中需要的参数

 

 

转载注明地址:http://www.chengxuyuans.com/jquery/63241.html