iframe 자동 리사이즈
Posted 2004/08/25 16:23, Filed under: Web-Tip<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의 크기를 계산을해서 높이와 가로값을 임시변수에 넣어준다. 그리고 iframe에 들어갈 파일의 로딩이 완료되는 순간 doResize() 함수를 호출하여 iframe을 포함하는 TD태그의 width와 height를 강제로 바꿔준다. 그래서 스크롤바가 생기지 않고 깔끔하게 iframe을 사용할수 있음. 예시 - 테터에 제로 방명록달기에 사용
Response :
0 trackback
,
0 comment