본문 바로가기
JavaScript/CSS

콘텐트의 높이에 따라 자동으로 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/
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

페이지 정보

최고관리자 작성일13-03-15 11:06 조회590회 댓글0건

Warning: include_once(G5_CAPTCHA_PATH/captcha.lib.php) [function.include-once]: failed to open stream: No such file or directory in /home/hosting_users/winmate/www/bbs/view_comment.php on line 3

Warning: include_once() [function.include]: Failed opening 'G5_CAPTCHA_PATH/captcha.lib.php' for inclusion (include_path='/home/hosting_users/winmate/www/plugin/htmlpurifier/standalone:.:/usr/local/php/lib/php') in /home/hosting_users/winmate/www/bbs/view_comment.php on line 3

댓글목록

등록된 댓글이 없습니다.

JavaScript/CSS 목록

게시물 검색

사이트 정보

  • 회사명 주인있소 / 대표 소담
  • 주소 강원도 속초시
  • 사업자 등록번호 123-45-67890
  • 전화 010-2026-0626 / 팩스 없음
  • 통신판매업신고번호 제 OO구 - 123호
  • 개인정보관리책임자 정보책임자명

고객센터

상단으로