• 关于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='" + (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='" + (ajaxContentW + 29) + "px;height:" + (ajaxContentH + 17) + "px;' > </iframe>");

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

  • 相关阅读:
    世界排名第二的web前端框架bulma与Bootstrap框架的选择
    Bootstrap5中文手册翻译完毕
    RabbitMQ 学习一 了解+点对点模式
    仿京东搜索
    ES集成SpringBoot
    ElasticSearch
    权限管理整合springsecurity代码执行过程
    权限管理
    Gateway网关
    canal数据同步 客户端代码实现
  • 原文地址:https://www.cnblogs.com/chenxu520/p/3105771.html
Copyright © 2020-2023  润新知