p

iframe사용시 높이 자동 조정

iframe 사용시 iframe의 높이가 내용의 높이만큼 자동으로 조절되는 기능입니다.

아래의 내용을 <head>와 </head>안쪽에 넣는다.
---------------------------------------------------------------------
<script language='JavaScript' type='text/javascript'>
function resizeFrame(iframeObj){
var innerBody = iframeObj.contentWindow.document.body;
oldEvent = innerBody.onclick;
innerBody.onclick = function(){ resizeFrame(iframeObj, 1);oldEvent; };

var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
iframeObj.style.height = innerHeight;

if( !arguments[1] ) /* 특정 이벤트로 인한 호출시 스크롤을 그냥 둔다. */
this.scrollTo(1,1);
}
</script>
---------------------------------------------------------------------

iframe을 다음과 같이 넣는다.
---------------------------------------------------------------------
<iframe width=600 height=600 src="내용의경로" onload="resizeFrame(this)" frameborder=0></iframe>
---------------------------------------------------------------------



위와 같이 넣으면 ifrmae의 크기가 자동조정이 됩니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
|

댓글 5개

--왜 난 오류가 뜨는거지 - -!!!
var innerBody = iframeObj.contentWindow.document.body; 이구문에서 ㅠ_ㅠ
좋은 정보 네요. 감사합니다.
나는 왜 안되지요???
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
JavaScript 06-10-12 조회 4,451
기타 06-10-12 조회 4,931
기타 06-10-10 조회 4,946
기타 06-10-10 조회 3,456
기타 06-10-10 조회 3,673
기타 06-10-09 조회 4,091
JavaScript 06-10-04 조회 4,107
JavaScript 06-10-02 조회 4,543
Flash 06-10-01 조회 4,764
JavaScript 06-09-29 조회 3,199
기타 06-09-29 조회 4,256
기타 06-09-27 조회 3,812
Flash 06-09-26 조회 4,775
기타 06-09-26 조회 4,554
JavaScript 06-09-26 조회 3,632
JavaScript 06-09-26 조회 4,614
PHP 06-09-26 조회 6,977
기타 06-09-26 조회 3,405
PHP 06-09-26 조회 6,427
기타 06-09-26 조회 3,692
JavaScript 06-09-26 조회 3,586
Linux 06-09-26 조회 3,539
기타 06-09-26 조회 3,346
기타 06-09-26 조회 3,775
JavaScript 06-09-26 조회 3,517
JavaScript 06-09-26 조회 4,716
기타 06-09-26 조회 2,967
Linux 06-09-26 조회 5,506
기타 06-09-25 조회 4,443
Flash 06-09-25 조회 5,454