关于ThickBox 不能全屏显示的配置
前段时间前端开发的时候用到了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
然后提取其中需要的参数