1.父页面添加引用
<script type="text/javascript" src="<web.path:path/>/js/jquery.js"></script>
<script type="text/javascript" src="<web.path:path/>/js/thickbox.js"></script>
<link rel="stylesheet" href="<web.path:path/>/resources/css/thickbox.css" type="text/css" media="screen" />
2.父页面添加如下按钮,引用thickbox打开子窗口
<input alt="<web.path:path/>/bannedUserList!unBannedUserList?height=400&width=800&inlineId=myOnPageContent" title="Ban Another Users" class="thickbox" type="button" value="Ban Another"/>
3.子页面添加按钮或链接
<input id="banUser" type="button" value="Save"/>
<input id="closeBT" type="button" value="Cancel"/>
4.子页面添加相关jQuery和thickbox代码(因为父页面已经引用了jQuery和thickbox库,子页面不需要再引用)
<SCRIPT type="text/javascript">
$("#closeBT").click(function(){
tb_remove();
});
//click the save button to submit, close the current window and refresh the opener window
$("#banUser").click(function(){
//get the transfer params
var users = new Array();
$("input:checkbox").each(function(){
if(this.checked) {
users.push($(this).val());
}
});
$.ajax({
type:"POST",
url:"<web.path:path/>/bannedUserList!banUser",
data:"users="+users.join(","),
success:function(msg){
tb_remove(); //close the thickbox
var win = top.window;
try{
if(win){
win.location.reload(); //refresh the opener window
}
}catch(ex){}
}
});
});
</SCRIPT>
分享到:
相关推荐
用Thickbox弹出层时,提交弹出层里边的数据,后台方法有时候能进去,有时候不进去的解决方法!
ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容. 点击这里查看演示 特性: ThickBox 是...
thickBox 下载 回传值 thickBox 下载 回传值 thickBox 下载 回传值
ThickBox3.1弹出层ThickBox3.1弹出层ThickBox3.1弹出层ThickBox3.1弹出层ThickBox3.1弹出层
thickbox插件可以实现页面模态框的效果,并且兼容大部分的浏览器。
ThickBox 3_1 <br>最新的ThickBox JS库,使用方便。 <br>具体参考:http://jquery.com/demo/thickbox/
thickbox3.1.zip 弹出div 显示图片
图片及产品展示javascript特效
使用thickbox时,经常会往回带值,比如,用thickbox显示上传一张图片,在关闭得时候,将上传后的图片路径返回到原来的页面。类似的操作很多,写了一个小实例,希望能对一些朋友有所帮助。
thickbox的具体使用方法 有具体的实例
jquery插件thickbox的使用方法
thickbox用法说明以及一些例子thickbox用法说明以及一些例子thickbox用法说明以及一些例子thickbox用法说明以及一些例子thickbox用法说明以及一些例子
http://jquery.com/demo/thickbox/#examples 这里是一个例子,在网上找到了个上述例子的一个源文件
Thickbox 3.1插件包,其中包裹Thickbox 3.1_js文件和thickbox.css样式包和所需注释及参考
thickbox一些非常炫的实例。供学习者参考。
thickbox是由 Cody Lindley开发的一个jQuery插件。本thickbox3.1实例
ThickBox打开框架页 1.显示位置修正; 2.标题栏关闭改图片; 3.点击父页面关闭修正; 4.添加关闭刷新父页面; ...等; 如需更多修改化请自行修改。
用 jquery 和 thickbox 实现图片浏览
ThickBox是多功能性的,它提供有對於圖像、內置框架、內嵌內容、AJAX內容 等變化, 在點擊連結後能在網頁形成美觀的透明層展示,在改變瀏覽器大小或捲動捲軸時都能保持居中.
该文件中包括了thickbox 的基本样式,可配置显示方式 以及 加载图片以及其路径