Jquery的ThickBox插件非常好用,可以显示一张图片、多张图处、AJAX和IFrame等多种样式的内容到ThickBox,都要A click触发,而有的时候后台程序根据不同权限显示不同内容,这时希望根据条件输入框的值判断是否显示ThickBox的内容,所需添加代码如下:
<script type="text/javascript" src="<web.path:path/>/resources/js/jquery.js"></script>
<script type="text/javascript" src="<web.path:path/>/resources/js/thickbox.js"></script>
<link rel="stylesheet" href="<web.path:path/>/resources/css/thickbox.css" type="text/css" media="screen" />
<script type="text/javascript">
$(function(){
//init thickbox的默认选择器
tb_init('a.thickbox, area.thickbox, input.thickbox');
$("#thickButton").click(function(event){
event.preventDefault();
//如果name输入框的值不为空, 则弹出thickBox对话框
if($("#name").val()!="") {
tb_show("","url?height=300&width=400&inlineId=myOnPageContent",false);
}
});
});
</script>
<input type="text" id="name"/>
<input title="ban another user" type="button" value="Show" id="thickButton"/>