DIV/SPAN通用子窗口展现、关闭JS接口-白红宇

DIV/SPAN通用子窗口展现、关闭JS接口

阅读量：5962 次

发布时间：2019-06-19

本文共 2559 字，大约阅读时间需要 8 分钟。

子窗口通用接口，基于jQuery支持使用。目前设计时，使用的是1.7.2版。FF默认焦点未失去问题存在。

HTML & JS：

                    
    
             
     
              var flag = true;        $(document).ready(function() {            // 确认处理            $("#butn").click(function() {                if (flag) {                    openArea("InfoWndw", "
      MSGE CONT.", "1");                    flag = false;                } else {                    openArea("InfoWndw", "
      
       HTML TABL CONT", '1'  );                    flag = true;                }            });        });        // 子窗口打开        function openArea(itemId, cont, type) {            // 锁定背景区域显示            $("#DVID_LOCK_VIEW").show(500);            // 窗口展示内容设置            if ("1" == type) {                // 追加内容                $("#" + itemId).append(cont);            } else if ("2" == type) {                // 设定内容                $("#" + itemId).text(cont);            } else {                // 设定HTML                $("#" + itemId).html(cont);            }            // 区域左上角上边距            var areaTidx = 0;            // 区域左上角左边距            var areaLidx = 0;            // 窗口高度            var wndwHigh = $(window).height();            // 窗口宽度            var wndwWdth = $(window).width();            // 区域高度            var areaHigh = $("#" + itemId).height();            // 区域宽度            var areaWdth = $("#" + itemId).width();            // 左上角起始位置计算（上边距）            if (wndwHigh > areaHigh) {                // 窗口高度大于区域高度时，计算上边距中间位置                areaTidx = (wndwHigh - areaHigh) / 2;            }            // 左上角起始位置计算（左边距）            if (wndwWdth > areaWdth) {                // 窗口宽度大于区域宽度时，计算左边距中间位置                areaLidx = (wndwWdth - areaWdth) / 2;            }//            // 各属性节点的属性值测试信息//            alert("窗口：H-W : " + wndwHigh + ":" + wndwWdth + "\r\n区域：H-W : " + areaHigh + ":" + areaWdth + "\r\n位置：H-W : " + areaTidx + ":" + areaLidx);            // 左上角定位设置            $("#" + itemId).css("top", areaTidx).css("left", areaLidx);            // 区域模块显示            $("#" + itemId).show(1000);            // 焦点移入            $("#" + itemId).focus();        }        // 子窗口关闭        function closArea(itemId) {            // 区域模块显示            $("#" + itemId).empty();            // 区域模块显示            $("#" + itemId).hide(500);            // 锁定背景区域清理            $("#DVID_LOCK_VIEW").hide(1000);        }