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();