分享java带来的快乐

我喜欢java新东西

js 方式单击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(); 

posted on 2012-11-18 20:33 强强 阅读(348) 评论(0)  编辑  收藏 所属分类: web技巧


只有注册用户登录后才能发表评论。


网站导航: