웹프로그램

자바스크립트 아이프레임 내용 길이에 맞게 리사즈 하기

세이박스 2008. 11. 7. 16:35
반응형

 
아이프레임 자체에서 처리해야함

<script>
function Resize_Frame(name)
{
  if(navigator.appName.indexOf("Microsoft Internet Explorer") != 0)
  {
   var objBody = parent.document.getElementById('KI_board').contentWindow.document.body; 
   var objFrame = parent.document.getElementById('KI_board');
   if (objFrame)
   {
    var H = objBody.scrollHeight + 10;
    H = H+"px";
    objFrame.style.height = H;
    objFrame.style.width = '100%';
   }
  }
  else
  {
   var objBody     = document.body;
   var objFrame = eval("parent.document.getElementById('"+name+"')");
   if (objFrame)
   {
    objFrame.style.height = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight) + 10;
    objFrame.style.width = '100%'
   }
  }
}
</script>

<body onLoad="Resize_Frame('KI_board')">

참조소소 URL : http://www.megapass.net/media/IN_MCbbslistW.php


반응형