iframe 자동 높이 조절<지식인에서 펌>

Posted 2008. 11. 25. 14:01 by maxmini MAXMINI

<iframe src="b.htm" id="frmContent" style="width:100%;height:10px;" border=0 frameborder=0></iframe>

b.htm 부분에.. 다음 코딩을 넣어시면 원하시는 결과를 얻을 수 있을 겁니다.

-----------------------------------------

<html>
<head>
<script language="javascript">
function iFrame_Resize()
{
 try
 {
  var objFrm=parent.document.getElementById("frmContent");
  var frameHeight=document.body.scrollHeight;

  if(frameHeight!=0)
  {
   objFrm.style.height=frameHeight;
  }
  
 }catch(e){}
}
window.attachEvent("onload",iFrame_Resize);
</script>
</head>
<body scroll=no>

내용 부분..

</body></html>

-------------------------------

 

 

또 다른 방식으로는.. 바깥 프레임에서 다음처럼 코딩하시면 됩니다.

-------------------------------

<html>
<head>
<script language="javascript">
function iFrame_Resize()
{
 document.getElementById("frmContent").style.height=frmContent.document.body.scrollHeight;
}
</script>
</head>
<body>
<iframe src="b.htm" id="frmContent" onload="iFrame_Resize()" style="width:100%;height:10px;"></iframe>
</body>
</html>

Tag : , ,

Write your message and submit
« PREV : 1 : 2 : 3 : 4 : 5 : 6 : 7 : ··· : 15 : NEXT »