modalpopup.js
上传用户:wenllgg125
上传日期:2020-04-09
资源大小:7277k
文件大小:2k
源码类别:

SCSI/ASPI

开发平台:

Others

  1. //显示
  2. function BOX_show(e) 
  3. {   
  4.     if(document.getElementById(e)==null){return;}
  5.     BOX_layout(e);
  6.     window.onresize = function(){BOX_layout(e);} //改变窗体重新调整位置
  7.     window.onscroll = function(){BOX_layout(e);} //滚动窗体重新调整位置
  8. }
  9. //移除
  10. function BOX_remove(e)
  11. {   
  12.     document.getElementById('BOX_overlay').style.display="none";
  13.     document.getElementById(e).style.display="none";
  14.     
  15.     window.onscroll = null;
  16.     window.onresize = null;
  17. }
  18. //调整布局
  19. function BOX_layout(e)
  20. {
  21.     var a = document.getElementById(e);
  22.     
  23.     //判断是否新建遮掩层
  24.     if (document.getElementById('BOX_overlay')==null)
  25.     { 
  26.         var overlay = document.createElement("div");
  27.         overlay.setAttribute('id','BOX_overlay');
  28.         a.parentNode.appendChild(overlay);
  29.     }
  30.     //alert(a.style.width + "," + a.style.height);
  31.     //alert("clientWidth:" + window.parent.innerWidth + ",clientHeight:" + window.parent.innerHeight);
  32.     //取客户端左上坐标,宽,高
  33.     var scrollLeft = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
  34.     var scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
  35.     var clientWidth = document.documentElement.clientWidth;
  36.     var clientHeight = document.documentElement.clientHeight;
  37.     var bo = document.getElementById('BOX_overlay');
  38.     bo.style.left = scrollLeft+'px';
  39.     bo.style.top = scrollTop+'px';
  40.     bo.style.width = clientWidth+'px';
  41.     bo.style.height = clientHeight+'px';
  42.     bo.style.display="";
  43.     //Popup窗口定位
  44.     a.style.position = 'absolute';
  45.     a.style.zIndex=101;
  46.     a.style.display="";
  47.     //a.style.left = "40%";
  48.     //a.style.top = "40%";
  49.     //a.style.left = ((document.documentElement.clientWidth - 780) / 2) + "px";
  50.     //a.style.top = "-10px";
  51.     
  52.     document.getElementById('setting').style.display="block";
  53.     a.style.left = ((document.documentElement.clientWidth - a.clientWidth) / 2) + "px";
  54.     var top = (parseInt((document.documentElement.clientHeight - a.clientHeight - 43) / 2));
  55.     top = parseInt((document.documentElement.clientHeight - a.clientHeight - 43) / 2);  
  56.     if(top < 0)
  57.         top = 0;
  58.     top += document.documentElement.scrollTop;
  59.     a.style.top = top + "px";
  60. }