제목 : [HTML] 아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트
글번호:
|
|
23
|
작성자:
|
|
redplus
|
작성일:
|
|
2002/12/03 오후 3:59:00
|
조회수:
|
|
5298
|
[HTML] 아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트
아래 스크립트는 iframe에 들어갈 파일을 건드리지 않아도 됩니다.
객체에 대한 read/write권한을 위해서 같은 계정내의 파일이기만 하면 됩니다.
<script>
function doResize()
{
container.height = myframe.document.body.scrollHeight;
container.width = myframe.document.body.scrollWidth;
}
</script>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="container"><iframe src="your_file.html" name="myframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="doResize()"></iframe></td>
</tr>
</table>
iframe에 들어갈 파일의 로딩이 완료되는 순간 doResize() 함수를 호출하여 iframe을 포함하는 TD태그의 width와 height를 강제로 바꿔줍니다.
Windows 2000, IE 6.0 에서는 잘 보이는데 다른 환경에서는 어떨런지 모르겠네요 :)
출처 : PHPSchool