按钮单击ThickBox弹出窗口

    ThickBox是一个强大的jQuery弹出窗口插件,一般的用法是在链接中,如:

    Html代码

    1. <a href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >
    2. <img src="../images/search.png" border="0"/>
    3. </a>
    <a  href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查询企业" class="thickbox" >
    <img src="../images/search.png" border="0"/>
    </a>

    指定a标签的class属性为thickbox即可。这里会弹出一个模态窗口,并且是在iframe中弹出,这样在弹出窗口中还可以执行js代码。
    有的时候在按钮单击的时候也需要弹出窗口,那么可以这样做:

    Js代码

    1. tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false); 
    tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);

    来进行弹出框口。在窗口中可以通过

    Js代码

    1. self.parent.tb_remove(); 
     self.parent.tb_remove();

    来关闭窗口,也可以通过以下代码刷新父窗口的内容:

    Js代码

    1. self.parent.window.location.reload(); 
posted @ 2009-10-20 16:12  雨中漫步的太阳  阅读(2355)  评论(0编辑  收藏  举报