• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
Script

아이프레임에서 내용에 따라 크기조정하기

오작교 22722

0
웹상에서 iframe를 불러 들였을 때 iframe 내용에 따라 자동으로 크기가 조절 되는 스크립트 입니다.
부모 페이지와 iframe 내용에 해당하는 페이지가 다른 도메인일 때도 가능합니다.
방법은 간단 합니다. 밑의 자바 스크립트를 iframe의 내용에 해당하는 페이지 하단에 넣어주면 됩니다.
----------------------------------------------
<script>
function resize() {
  parent.document.getElementById("IFRAME의ID").style.height = this.document.body.scrollHeight;
  window.scrollTo(0,0);
} resize();
window.attachEvent("onload",resize);
</script>
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 290712 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349681 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294316 +14
300
normal
오작교 23.12.10.09:32 14527 0
299 Script
normal
오작교 23.12.10.09:29 19848 0
298 CSS
normal
오작교 21.01.09.14:18 40779 0
297 HTML
normal
오작교 15.09.17.08:58 116364 0
296 HTML
normal
오작교 15.09.13.21:38 21653 0
295 HTML
normal
오작교 15.09.13.21:30 25235 0
294 HTML
normal
오작교 15.08.30.12:19 52837 0
293 Script
normal
오작교 15.05.12.14:06 21215 0
292 HTML
file
오작교 12.03.08.13:51 35986 0
291 HTML
normal
오작교 11.06.03.10:44 40810 0
290 CSS
normal
오작교 11.06.03.10:29 70703 0
289 Script
normal
오작교 11.03.22.11:19 43517 0
288 Script
normal
오작교 11.03.22.11:15 38286 0
287 Script
normal
오작교 11.03.22.11:07 37171 0
286 HTML
normal
오작교 11.01.25.10:27 36264 0
285 CSS
normal
오작교 11.01.24.10:40 35440 0
284 HTML
normal
오작교 11.01.24.10:39 37157 0
283 Script
normal
오작교 11.01.24.10:34 38170 0
282 CSS
normal
오작교 11.01.24.10:31 37806 0
281 CSS
normal
오작교 11.01.24.10:27 36265 0