iframe 자동 resize 함수

1. iframe 태그를 가지고 있는 페이지에 아래 script 삽입

  * parameter : iframe의 id 값 넘겨야 함

  //iframe 자동 크기 조절
  function resizeIFrame(iframeId)
  {

   try
   {

    var innerBody = document.getElementById(iframeId).contentWindow.document.body;
    var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);

    if(document.getElementById(iframeId).style.height != innerHeight)
    {
     document.getElementById(iframeId).style.height = innerHeight;
    }
    if(document.all)
    {
     innerBody.attachEvent('onclick',parent.do_resize);
     innerBody.attachEvent('onkeyup',parent.do_resize);
    }
    else
    {
     innerBody.addEventListener("click", parent.do_resize, false);
     innerBody.addEventListener("keyup", parent.do_resize, false);
    }
   }
   catch (e){
    //alert("여긴안돼");
   }
  }


2. iframe 안에 들어가는 페이지에 다음 script 삽입

  //iframe 자동 크기 조절
  window.onload = function () {
   parent.resizeIFrame("iframeId");
  }



이렇게 하면 iframe내부 페이지가 바뀔때마다 iframe을 가지고 있는 페이지의 height 값이 자동 조절 됨
단. iframe 내에서 페이지 변경시 변경될 페이지에도 2번째 script 함수 넣어야 함