js 方式單擊ThickBox彈出窗口
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();
posted on 2012-11-18 20:33 強強 閱讀(365) 評論(0) 編輯 收藏 所屬分類: web技巧