티스토리 뷰

728x90
반응형

let popWidth  = width; // 파업사이즈 너비

     let popHeight = height; // 팝업사이즈 높이

     

     let winWidth  = document.body.clientWidth;  // 현재창의 너비

     let winHeight = document.body.clientHeight; // 현재창의 높이

     

     let winX      = window.screenX || window.screenLeft || 0;// 현재창의 x좌표

     let winY      = window.screenY || window.screenTop || 0; // 현재창의 y좌표

     let left = winX + (winWidth - popWidth) / 2;

     let top = winY + (winHeight - popHeight) / 2;


window.open('${pageContext.servletContext.contextPath }/admin/' + url, title, option + ", left=" + left + ", top=" + top + ", width=" + popWidth + ', height=' + popHeight);


위 소스를 이용하면 팝업창에 브라우저 중앙에 위치한다

듀얼 모니터일경우에도 적용가능

728x90
반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함