본문 바로가기

프로그램/html/css

[JAVAscript] 팝업창 가운데 띄우기.


원리는 저번에 했던 DIV가운데 띄우기랑 같습니다. 

전체창의 가로 길이(window.screen.width)와 세로길이(window.screen.height)를 구하고 

그것을 반으로 나누어줍니다. 그리고 열고자 하는 창의 반값도 빼주면 가운데에 위치하게 됩니다.



원리는 같지만 자바스크립트에서는 %가 먹지 않아서 다시 한번 올립니다. 




<script language="javascript">
        var windowW = 300;  // 창의 가로 길이
        var windowH = 70;  // 창의 세로 길이
        var left = Math.ceil((window.screen.width - windowW)/2);
        var top = Math.ceil((window.screen.height - windowH)/2);
window.open("/open_window.html","pop_01","l top="+top+", left="+left+", height="+windowH+", width="+windowW);

</script>