JBox弹框插件应用实例代码

最新推荐文章于 2024-05-13 10:08:25 发布

fuyifang

最新推荐文章于 2024-05-13 10:08:25 发布

阅读量4.3k

点赞数 1

分类专栏：技术日记前端开发 Jquery+JavaScript 文章标签： jquery Jbox

本文链接：https://blog.csdn.net/fuyifang/article/details/40352377

版权

技术日记同时被 3 个专栏收录

194 篇文章 0 订阅

订阅专栏

前端开发

47 篇文章 0 订阅

订阅专栏

Jquery+JavaScript

25 篇文章 0 订阅

订阅专栏

1、页面JBox引用

 <link href="../js/JBox/Skins/Blue/jbox.css" rel="stylesheet" type="text/css" />
 <script src="../js/JBox/jquery.jBox-2.3.min.js" type="text/javascript"></script>
 <script src="../js/JBox/jquery.jBox-zh-CN.js" type="text/javascript"></script>

2、页面js代码

    <script type="text/javascript" language="javascript">
       
        function Photo(Id) {
            var option = { id: 'Photo', top: '15px', buttons: {"确定":"ok"},
                submit: function (v, h, f) {if(v=="ok"){  $($("#Photo").find("iframe")).contents().find("input[id='AddImg']").click();} return true; },
                showClose: true, persistent: true };
            openInnerWin("iframe:PhotoDialogEdit.aspx?Id=" +Id+"&goodsId=<%=goodsId%>", "图片库", 790, 430, option);

        }

        function ClosePhoto() {
            $.jBox.close("Photo");
        }   
        
        function openInnerWin(content, title, width, height, options) {
            $.jBox.open(content, title, width, height, options);
        };
    </script>

3、弹出页面按钮事件代码

 <div id="btn" style="display:none;">
          <asp:Button ID="AddImg"  runat="server" Text="确定"  CssClass="name" OnClientClick="return SelectPhoto();"  οnclick="AddImg_Click" ></asp:Button>
       </div>