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; 이구문에서 ㅠ_ㅠ
좋은 정보 네요. 감사합니다.
나는 왜 안되지요???
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
07-07-16 조회 3,094
07-07-06 조회 2,965
07-07-06 조회 3,411
07-06-23 조회 3,238
07-06-16 조회 2,740
07-05-20 조회 4,243
07-05-09 조회 3,413
07-05-09 조회 6,058
07-05-04 조회 2,651
07-04-30 조회 9,792
07-04-27 조회 4,296
07-04-26 조회 3,408
07-04-25 조회 5,227
07-04-18 조회 7,738
07-04-13 조회 3,074
07-04-12 조회 6,591
07-04-12 조회 5,000
07-04-12 조회 3,304
07-04-11 조회 5,677
07-04-05 조회 6,329
07-03-24 조회 4,381
07-03-20 조회 3,699
07-03-18 조회 3,966
07-03-18 조회 4,715
07-03-17 조회 4,206
07-03-16 조회 4,111
07-03-15 조회 5,253
07-03-13 조회 5,355
07-03-13 조회 3,550
07-03-08 조회 4,468
07-03-08 조회 3,951
07-03-08 조회 3,253
07-03-08 조회 4,141
07-03-05 조회 4,384
07-03-04 조회 2,883
07-03-01 조회 5,921
07-02-28 조회 3,204
07-02-27 조회 4,375
07-02-26 조회 3,277
07-02-26 조회 2,995
07-02-23 조회 3,631
07-02-23 조회 3,605
07-02-22 조회 3,982
07-02-22 조회 3,784
07-02-19 조회 3,816
07-02-17 조회 4,829
07-02-14 조회 8,131
07-02-12 조회 3,907
07-02-10 조회 3,511
07-02-02 조회 3,756
07-01-31 조회 3,428
07-01-29 조회 3,283
07-01-25 조회 5,067
07-01-21 조회 3,214
07-01-19 조회 3,007
06-12-15 조회 3,998
06-12-15 조회 4,416
06-12-15 조회 2,909
06-12-15 조회 4,454
06-12-15 조회 3,350
06-12-15 조회 4,055
06-12-15 조회 3,001
06-12-15 조회 2,727
06-12-15 조회 4,599
06-12-15 조회 3,144
06-12-15 조회 3,239
06-12-07 조회 4,686
06-12-07 조회 3,978
06-12-04 조회 4,607
06-11-27 조회 3,657
06-11-21 조회 3,980
06-11-15 조회 3,417
06-11-04 조회 3,296
06-10-29 조회 3,948
06-10-13 조회 3,815
06-10-13 조회 4,182
06-10-13 조회 4,141
06-10-12 조회 5,334
06-10-12 조회 4,252
06-10-04 조회 3,741
06-10-02 조회 4,526
06-09-29 조회 3,016
06-09-26 조회 3,354
06-09-26 조회 3,612
06-09-26 조회 3,261
06-09-26 조회 3,407
06-09-26 조회 4,316
06-09-25 조회 4,611
06-09-22 조회 4,947
06-09-22 조회 3,510
06-09-21 조회 4,289
06-09-21 조회 4,301
06-09-21 조회 3,509
06-09-21 조회 5,169
06-09-21 조회 3,699
06-09-21 조회 3,435
06-09-20 조회 2,988
06-09-15 조회 3,118
06-09-13 조회 3,427
06-09-11 조회 3,241