按钮单击ThickBox弹出窗口
2009-10-20 16:12
253 查看
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标签的class属性为thickbox即可。这里会弹出一个模态窗口,并且是在iframe中弹出,这样在弹出窗口中还可以执行js代码。
有的时候在按钮单击的时候也需要弹出窗口,那么可以这样做:
Js代码
tb_show('标题','StandDelay.do?booking='+t.title+'TB_iframe=true&height=150&width=400',false);
来进行弹出框口。在窗口中可以通过
Js代码
self.parent.tb_remove();
来关闭窗口,也可以通过以下代码刷新父窗口的内容:
Js代码
self.parent.window.location.reload();
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();
相关文章推荐
- asp.net 按钮单击事件问题(自动弹出新窗口)
- JS实现单击按钮后弹出新的窗口页面
- javascript 父页面单击按钮,弹出窗口,接受用户输入,关闭当前弹出窗口,返回父页面
- 单击页面按钮,弹出浮动窗口的两种方法
- 在flash单击按钮,弹出指定要求的窗口
- [导入]如何点击按钮弹出新窗口,输入数据后返回并刷新页面?(老孟)
- JS+CSS实现带关闭按钮DIV弹出窗口的方法
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?
- 单击网页中的按钮,弹出对话框
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?(1)
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?
- JS点击按钮弹出窗口
- js实现点击按钮弹出上传文件的窗口
- MFC中按下Button按钮,弹出一个窗口的同时关闭本窗口
- 关于弹出窗口的输入法挡住按钮问题
- 点击一个按钮,弹出一个窗口
- jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
- abap 弹出窗口屏幕(screen)实现关闭右上角的关闭按钮事件