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"/>