웹마스터 팁

Kims 홈피 놀러가기 ~




iframe 높이 자동으로 설정하기

이번에는 홈페이지 제작시 유용하게 사용되는 iframe 에서
내용물(?)의 길이에 맞춰 자동으로 높이가 조절되게 하는 방법을 알아봅니다.
우선 두개의 소스문이 있습니다. 높이를 자동으로 조절하기 위한
스크립트문과 아이프레임 삽입코드입니다.



첫번째 소스

아래소스는 자바스크립트문입니다. 이 소스를 Html문서에서
body 문 아래에 삽입합니다.
(스크립트문은 위치에 따라 큰 차이는 없지만 윗 부분에 차례로 정리해야
나중에 수정하거나 관리에도 좋습니다.)




<!--

  function calcHeight()

  {

  //find the height of the internal page

  var the_height=

  document.getElementById('the_iframe').contentWindow.

document.body.scrollHeight;</span>


//change the height of the iframe

  document.getElementById('the_iframe'+ ').height=

  the_height;

  }

  //-->





두번째 소스

아래소스는 iframe 삽입 코드 입니다. 원하는 위치에 아래 소스를
삽입하세요 일반적인 iframe 삽입문과는 달리 몇가지가 첨가 되어있는데요
스크립트문의 기능을 호출 한다고 생각하시면 됩니다.


onLoad="calcHeight();"
src="http://hex254.zerois.net"
scrolling="NO"
frameborder="0"
height="0">



Kims 홈피 놀러가기 ~

제목 글쓴이 날짜
제로보드에서 iframe 높이 자동(유동적)조절(파폭,IE, 오페라,사파리,IETester) [11] file hhgyu 2010.09.17
1.7.3 최신버전 특정사이트 iframe(아이프레임) 일반회원 html적용가능하게 하기 [2] imgXE™ 2013.05.06
IE에서 스크립트 생성 iframe 요소에 name 속성 지정이 무시될 때 신평 2014.12.08
iframe을 이용하여 target효과 주기. [8] ZipShin 2002.08.01
SSL 적용시 작은 iframe 없애기 [1] file explode 2013.11.28
[10원팁] 크롬에서 글 작성시 IFRAME 박스가 생기는 경우 socialskyo 2014.01.03
iframe 등의 태그 화이트리스트 도메인 확인/추가하기 [1] Gunmania 2013.03.27
iframe 아이프레임 투명처리 꿈틀잉 2012.10.04
iframe을 이용한 악성코드 침투 - 치료 및 대응법 (검블러 or GENO) [8] file 미루819 2009.10.01
iframe 깨는 스크립트 입니다. [4] HB 2012.09.01
다른 도메인간 iframe 크기 자동조절(cross domain iframe auto resize) [2] 서기 2008.04.24
랜디님의 iframe 크기조절 소스응용-iframe 최저길이 지정하기 [1] 김수형 2004.09.10
[iframe:아이프레임] 내용에 맞게 사이즈 조절하기 한번입력으로 끝.[다른방법:중복아닌듯] [45] beMax 2004.04.23
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능 [4] 깜보 2003.02.22
iframe 내용에 맞게 자동으로 크기 조절하기 [36] 행복한고니 2002.11.21
IFRAME을 드래그해서 크롬리스처럼 사용하기 [16] 멀대 2002.10.21
Select의 값을 iframe으로 넣는것입니다. [3] ZipShin 2002.10.03
iFrame 문서크기에 맞게.. 초간단.. [10] 정명주 2002.08.02
[JavaScript] 익스플로러,네츠케이프 모두에서 iframe 과 비슷하게 해보자! [3] 티르 2002.01.24
iframe 그때그때 달라요 ~ [높이자동변경] [15] kim's 2005.02.18