iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스.

두가지의 조건
1. 같은 서버내의 페이지를 iframe으로 삽입하는 경우.
2. 타 사이트의 페이지를 iframe으로 삽입하는 경우.

[같은 서버내의 페이지를 삽입하는 경우]

1. 부모페이지에서 해결하는 방법

2. iframe으로 삽입되는 페이지에서 해결하는 방법

아이프레임으로 삽입되는 페이지의 최하단에 아래내용 삽입
<script>
document.body.scrollIntoView(true);
parent.document.all.aaa.height = document.body.scrollHeight;
</script>

부모페이지의 아이프레임 id를 aaa로

맞춤.
<IFRAME id=aaa src="xxx.htm" frameBorder=0 width=0 scrolling=no height=0></IFRAME>

[다른 서버(사이트)의 페이지를 삽입하는 경우]

물론 다른사이트의 페이지 내용을 수정할수(관리권한이) 있어야 한다.

<부모페이지>
<iframe src="http://www.aaa.com/aaa.htm" frameborder="0" id="aaa" scrolling="no"></iframe>

<타서버 불려올 페이지(http://www.aaa.com/aaa.htm)>
<head>태그사이에 아래의 스크립트 삽입

<script language='JavaScript' type='text/javascript'>

</script>

body의 onLoad태그로 위 스크립트를 불러옴
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="init();">

본문내용을 지정한 id로 감싼다.(infodoc)
<div id='infodoc'>
.
.
.
내용
.
.
.
</div>
</body>

[다른방법]

=== 부모창에 들어갈 소스 ====================================================

<iframe id="icon_iframe" src="http://tagin.net" width="1" height="1" marginwidth="0" marginheight="0" frameborder="no" onLoad="window.scrollTo(0,0)"></iframe>

=== iframe에 들어갈 소스 =====================================================
<html>
<head><title>태그인넷</title></head>

<body>
<div id='content_page' style="left:0;top:0;width:100%">

이 부분이 확대될 부분입니다..

</div>

<script language='JavaScript'>
function iframe_reset(){
dataobj=document.all? document.all.content_page : document.getElementById("content_page");
dataobj.style.top=0;
dataobj.style.left=0;
pageheight=dataobj.offsetHeight;
//pagewidth=dataobj.offsetWidth;
pagewidth = 800;
parent.frames("icon_iframe").resizeTo(pagewidth,pageheight);
}
window.onload=iframe_reset;
</script>

</body>
</html>

iframe에 삽입되는 내용에 따라 iframe의 사이즈가 자동으로 변경되는 소스

단축키

1. 부모페이지에서 해결하는 방법

2. iframe으로 삽입되는 페이지에서 해결하는 방법

[다른 서버(사이트)의 페이지를 삽입하는 경우]

Articles