Web story/Javascript

[js] 내용에 따라 아이프레임 길이 변화시키기

JKJ1004 2008. 5. 7. 16:02
아이프레임에 들어가는 문서가 로딩되면 자동으로 문서의 길이에 맞게 아이프레임이 늘어나고 줄어드는 스크립트입니다


제로보드 게시판 등을 아이프레임으로 불러들이면서 세로 스크롤바가 생기지 않게 하여, 원프레임 페이지처럼 보이게 할때 유용하게 사용됩니다



아이프레임이 로딩완료되는 순간 화면이 문서의 내용에따라 일순간 길어지는 단점이 있습니다.



------------------------ 적용될 자바스크립트 시작 ------------------------------------------------------------------------

<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="sample.html" name="myframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="doResize()"></iframe></td>  
</tr>  
</table>

반응형