您的位置:首页 > 其它

按钮单击ThickBox弹出窗口

2009-10-20 16:12 253 查看
ThickBox是一个强大的jQuery弹出窗口插件,一般的用法是在链接中,如:

Html代码

<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  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代码

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代码

self.parent.tb_remove(); 

self.parent.tb_remove();


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

Js代码

self.parent.window.location.reload(); 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: