thickbox的用法

大家好，欢迎来到IT知识分享网。

1  在注册页面中调用另一个页面

在注册页面中引用

    <script src=”/js/jquery-1.8.2.js” type=”text/javascript”></script>
    <link href=”/admin/Produce/css/thickbox.css” rel=”stylesheet” type=”text/css” />
    <script src=”/js/thickbox.js” type=”text/javascript”></script>

    <script type=”text/javascript”>
        function check(id) {
           
            $(“#hf”).val(id);
        }
   
    </script>

<a href=”/admin/Produce/produce.aspx?modal=true&width=1024&height=1024″ class=”thickbox”> <img  width=”173px” src=”/xc/imgs/b.jpg”/></a>

2  在被打开的页面中  产品页面中

    <script src=”/js/jquery-1.8.2.js” type=”text/javascript”></script>
    <script type=”text/ecmascript”>
        function check() {
            //找到所有的选中复选框
            var list = $(“input:checked”);
            //循环
            var str=”;
            $.each(list, function (key, value) {
                str+=$(this).attr(“value”)+”,”;
            })
          
            window.parent.check(str);
            self.parent.tb_remove();
            //这样就调用父窗口了！  
        }  
    
    </script>

关闭页面的图标<img title=”关闭” style=”float: right; margin-right: -30px; margin-top: -2px;” onclick=”self.parent.tb_remove();”
                            src=”/admin/Produce/imgs/fancy_close.png” />

确定后关闭的<a onclick=”check();” href=”javascript:void(0)” style=”padding: 25″>确定</a>