웹마스터 팁

검색을 위해 : 해상도, 팝업, 화면, 중앙, 가운데, 새창

오랜만에 nzeo에 소스좀 구하러 들렸는데, 예전보다 강좌나 문답, 소스등이 많이 줄어든느낌이네요..
분명히 예전에 봐둔게 있었는데, 오늘 2시간 정도 찾았는데도 못찾았습니다.

제가 원하던것은 해상도에 따라 새창을 모니터의 정중앙에 팝업시키는것이었습니다.
그래서 나름대로 머리써봤습니다.

이것도 뭐 잘 찾아보면 훨씬 더 좋은 스크립트가 어딘가 있겠죠^^
뒷북인거는 알지만, 고생한 보람을 초보자 분들과 나누려고 올립니다.^^;

팝업창을 640*480으로 띄을때를 기준으로 했습니다.
좀더 연구하면 팝업창 사이즈에따라 계산을 해서 가운데로 오도록 할 수도 있겠죠...
그거는 숙제^^;


<html>
<head>

<title></title>

</head>

<body>

<script>
        var hp; //왼쪽여백
        var vp; //위쪽여백
        hp = ( screen.width - 640 ) / 2 + 1; //screen.width가 모니터의 가로 해상도 입니다.
        vp = ( screen.height - 480 ) / 2 + 1; //screen.height가 모니터의 세로 해상도 입니다.


document.write("<a href=#hs onclick='window.open("http://kr.yahoo.com","YAHOO","width=640,height=480, toolbars=no, scrollbars=yes, left="+hp+", top="+vp+"")'>야후 팝업</a>");
</script>

//href=#hs에서 hs는 아무렇게나 해주셔도 됩니다. href=#test 뭐 이렇게 해도 됩니다.


</body>
</html>