按鈕單擊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();  

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章