웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
iframe 그때그때 달라요 ~ [높이자동변경]
2005.02.18 18:59
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>
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 홈피 놀러가기 ~
댓글 15
제목 | 글쓴이 | 날짜 |
---|---|---|
긴급 - mysql 설치때 주의점(window xp 에서) [3] | 이성헌 | 2003.08.11 |
리눅스 환경에서 APM+Tomcat의 개발환경 만들기 | 굿스피드 | 2003.08.04 |
색다른 리눅스 배포판.. [2] | Dopesoul | 2003.08.02 |
mysql 다운받기 - 그림설명 [3] | 이성헌 | 2003.07.27 |
phpzendoptimizer 다운받기 - 그림설명 [7] | 이성헌 | 2003.07.27 |
php 다운 받기 - 그림설명 [1] | 이성헌 | 2003.07.27 |
apache 다운받기 - 그림설명 [2] | 이성헌 | 2003.07.27 |
Windows 2003 엔터프라이즈 에서 FTP 사용하기..(이미지첨부버젼)
[10]
![]() | 무꾸 | 2003.07.26 |
우리호스트 DNS 활용하기 [4] | HoYa™ | 2003.07.08 |
NOP_0x90 Document No.4(APM연동 php-4.3.2편) [2] | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.3(APM연동 apache-2.0.46편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.2(APM연동 Mysql-DB설정편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.1(APM연동 Mysql-4.0.13편) | NOP_0x90 | 2003.07.06 |
쉘상에서 DB 간단하게 생성하기.. 수정입니다. [1] | NOP_0x90 | 2003.07.05 |
쉘상에서 사용자 계정과 DB계정 간단하게 생성하기. | NOP_0x90 | 2003.07.05 |
저만의 보안 방법. (리눅스) [12] | Blainfo | 2003.07.04 |
스팸메일 유의 하십시오... [1] | Dopesoul | 2003.07.03 |
2차도메인을 이용한 내컴퓨터 자료실로 이용하기 [3] | 무꾸 | 2003.06.27 |
제로보드 data 디렉토리에 링크방지 걸기..(울트라 허접팁) [5] | 무꾸 | 2003.06.27 |
극심한 시스템 파괴시 재해복구 Process [7] | Dopesoul | 2003.06.14 |