HTML/JAVASCRIPT 자료실

시삽: 레드플러스 님 
게시판 이동:
 제목 : [HTML] 아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트
글번호: 23
작성자: redplus
작성일: 2002/12/03 오후 3:59:00
조회수: 3203
[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
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 iframe 크기 안에 들어가는 내용에 맞게 폭, 높이 자동으로 바꾸기. - 레드플러스 2003-03-20 4460
현재글 [HTML] 아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트 - redplus 2002-12-03 3203
다음글 자바스크립트 자습서라네요.... 자바스크립트자습서.zip(528 KB) 작은하늘 2002-01-26 3802
 
손님 사용자 Anonymous (손님)
로그인 Home