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

最新推荐文章于 2015-08-13 15:35:59 发布

Jlins

最新推荐文章于 2015-08-13 15:35:59 发布

阅读量1.2k

点赞数

前段时间前端开发的时候用到了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) + "' οnlοad='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) + "' οnlοad='tb_showIframe()' style='width:" + (ajaxContentW + 29) + "px;height:" + (ajaxContentH + 17) + "px;' > </iframe>");

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