콘텐트의 높이에 따라 자동으로 Resizing 되는 Iframe 만들기
페이지 정보
본문
문서의 <head> 영역에 포함되어야 할 스크립트.
<script type="text/javascript">
// iframe resize
function autoResize(i){
var iframeHeight= (i).contentWindow.document.body.scrollHeight;
(i).height=iframeHeight+20;
}
</script>
문서의 <iframe> 코드에 포함되어야 할 스크립트.
<iframe src="#iframeUrl" onload="autoResize(this)" scrolling="no" frameborder="0"></iframe>
기타
•같은 도메인 URL을 지닌 iframe 콘텐트에만 이 스크립트를 사용할 수 있습니다.
•IE6~7, FF2, Opera9, Safari2~3 크로스 브라우징을 확인 하였습니다.
참조
•http://guymal.com/mycode/iframe_size/
<script type="text/javascript">
// iframe resize
function autoResize(i){
var iframeHeight= (i).contentWindow.document.body.scrollHeight;
(i).height=iframeHeight+20;
}
</script>
문서의 <iframe> 코드에 포함되어야 할 스크립트.
<iframe src="#iframeUrl" onload="autoResize(this)" scrolling="no" frameborder="0"></iframe>
기타
•같은 도메인 URL을 지닌 iframe 콘텐트에만 이 스크립트를 사용할 수 있습니다.
•IE6~7, FF2, Opera9, Safari2~3 크로스 브라우징을 확인 하였습니다.
참조
•http://guymal.com/mycode/iframe_size/
댓글목록
등록된 댓글이 없습니다.