본문 바로가기

iframe 높이 자동 리사이즈

by xfree302 2009. 11. 10.
반응형

<script language="javascript" type="text/javascript">
<!--
function iframe_init() {
        var obj = document.getElementById("ifrm");
        var ch = obj.contentWindow.document.body.scrollHeight;
  //alert(ch);
        obj.style.height = ch;
}
//-->
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<iframe src="Noname2.html" width="50%" height="50%" frameborder="0" border="0" id="ifrm" onload="iframe_init()" ></iframe></td>
</tr>
</table>
</body>

------- Noname2.html -----------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
 <BODY>
 Noname2.html
aaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbb
ccccccccccccccccccc
ddddddddddddddddddd
aaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbb
ccccccccccccccccccc
ddddddddddddddddddd
aaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbb
ccccccccccccccccccc
ddddddddddddddddddd
<br>
<a href="Noname2.html">Noname2.htm</a>
<br>
<a href="Noname3.html">Noname3.htm</a>
 </BODY>
</HTML>
---------------------------------------------------------------------


------- Noname3.html -----------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
 <BODY>
 Noname3.html
aaaaaaaaaaaaaaa
<br>
<a href="Noname2.html">Noname2.htm</a>
<br>
<a href="Noname3.html">Noname3.htm</a>
 </BODY>
</HTML>
---------------------------------------------------------------------

반응형

'' 카테고리의 다른 글

기존 팝업창 닫고 다시 띄우기  (0) 2009.11.18
자바스크립트에서 이벤트 생성  (0) 2009.11.10
동적 div 생성  (0) 2009.10.29
drag drop div  (0) 2009.10.29
div 영역 조절  (0) 2009.10.29