js 方式單擊ThickBox彈出窗口
ThickBox是一個(gè)強(qiáng)大的jQuery彈出窗口插件,一般的用法是在鏈接中,如:
Html代碼
- <a href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查詢企業(yè)" class="thickbox" >
- <img src="../images/search.png" border="0"/>
- </a>
<a href="SearchWin.do?TB_iframe=true&height=380&width=480&modal=true" title="查詢企業(yè)" class="thickbox" > <img src="../images/search.png" border="0"/> </a>
指定a標(biāo)簽的class屬性為thickbox即可。這里會(huì)彈出一個(gè)模態(tài)窗口,并且是在iframe中彈出,這樣在彈出窗口中還可以執(zhí)行js代碼。
有的時(shí)候在按鈕單擊的時(shí)候也需要彈出窗口,那么可以這樣做:
Js代碼
- tb_show('標(biāo)題','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);
tb_show('標(biāo)題','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);
來(lái)進(jìn)行彈出框口。在窗口中可以通過(guò)
Js代碼
- self.parent.tb_remove();
self.parent.tb_remove();
來(lái)關(guān)閉窗口,也可以通過(guò)以下代碼刷新父窗口的內(nèi)容:
Js代碼
- self.parent.window.location.reload();
posted on 2012-11-18 20:33 強(qiáng)強(qiáng) 閱讀(360) 評(píng)論(0) 編輯 收藏 所屬分類: web技巧