IT_Programming/JavaScript

브라우저, 스타일XP를 무시한채로 resizeTo() 하기

JJun ™ 2006. 4. 29. 08:26

<head>
<!-- 자바스크립트 부분입니다. -->
<script>
  topW = 0;
  topH = 0;
 
  function setWH(){
    if (document.all){
    cW=document.body.offsetWidth
    cH=document.body.offsetHeight
    window.resizeTo(500,500)
    barsW=500-document.body.offsetWidth
    barsH=500-document.body.offsetHeight
    wW=barsW+cW
    wH=barsH+cH
    window.resizeTo(wW,wH)
    }
    else
    {
    wW=window.outerWidth
    wH=window.outerHeight
    }
    topW = wW;
    topH = wH;
    }
 
  function buildWH() {
   setWH();
   topW = topW - document.body.clientWidth;
   topH = topH - document.body.clientHeight;
  }

  function resizeWH(width,height) {
    reW = width + topW;
    reH = height + topH;
    window.resizeTo(reW,reH);
  }

</script>
</head>

<!-- 브라우저의 내용을 제외한 부분의 크기 topW와 topH를 구하기 위해 바디에서 한번 불러줍니다. -->
<body onLoad="buildWH()">

<!-- 링크를 거는 부분입니다. 브라우저의 외부크기를 무시하고, 안쪽의 사이즈만 적으면 됩니다.  내용이 나오는 부분의 크기를 유지한채로 리사이즈가 됩니다. -->
<a href="#" onClick="resizeWH(400,300)">가로 400, 세로 300으로 리사이즈</a><br>
<a href="#" onClick="resizeWH(200,230)">가로 200, 세로 230으로 리사이즈</a><br>
<a href="#" onClick="resizeWH(500,100)">가로 500, 세로 100으로 리사이즈</a><br>