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,096
07-07-06 조회 2,967
07-07-06 조회 3,412
07-06-23 조회 3,238
07-06-16 조회 2,745
07-05-20 조회 4,243
07-05-09 조회 3,416
07-05-09 조회 6,059
07-05-04 조회 2,654
07-04-30 조회 9,795
07-04-27 조회 4,296
07-04-26 조회 3,410
07-04-25 조회 5,229
07-04-18 조회 7,740
07-04-13 조회 3,075
07-04-12 조회 6,595
07-04-12 조회 5,001
07-04-12 조회 3,306
07-04-11 조회 5,679
07-04-05 조회 6,331
07-03-24 조회 4,382
07-03-20 조회 3,699
07-03-18 조회 3,968
07-03-18 조회 4,718
07-03-17 조회 4,209
07-03-16 조회 4,112
07-03-15 조회 5,255
07-03-13 조회 5,355
07-03-13 조회 3,552
07-03-08 조회 4,469
07-03-08 조회 3,951
07-03-08 조회 3,255
07-03-08 조회 4,144
07-03-05 조회 4,387
07-03-04 조회 2,885
07-03-01 조회 5,922
07-02-28 조회 3,207
07-02-27 조회 4,379
07-02-26 조회 3,278
07-02-26 조회 2,996
07-02-23 조회 3,635
07-02-23 조회 3,606
07-02-22 조회 3,985
07-02-22 조회 3,784
07-02-19 조회 3,819
07-02-17 조회 4,830
07-02-14 조회 8,135
07-02-12 조회 3,909
07-02-10 조회 3,511
07-02-02 조회 3,760
07-01-31 조회 3,430
07-01-29 조회 3,286
07-01-25 조회 5,073
07-01-21 조회 3,216
07-01-19 조회 3,008
06-12-15 조회 4,001
06-12-15 조회 4,420
06-12-15 조회 2,911
06-12-15 조회 4,456
06-12-15 조회 3,356
06-12-15 조회 4,058
06-12-15 조회 3,006
06-12-15 조회 2,728
06-12-15 조회 4,602
06-12-15 조회 3,150
06-12-15 조회 3,240
06-12-07 조회 4,688
06-12-07 조회 3,981
06-12-04 조회 4,608
06-11-27 조회 3,661
06-11-21 조회 3,983
06-11-15 조회 3,421
06-11-04 조회 3,298
06-10-29 조회 3,948
06-10-13 조회 3,816
06-10-13 조회 4,184
06-10-13 조회 4,141
06-10-12 조회 5,335
06-10-12 조회 4,252
06-10-04 조회 3,741
06-10-02 조회 4,530
06-09-29 조회 3,019
06-09-26 조회 3,358
06-09-26 조회 3,616
06-09-26 조회 3,262
06-09-26 조회 3,407
06-09-26 조회 4,317
06-09-25 조회 4,615
06-09-22 조회 4,947
06-09-22 조회 3,514
06-09-21 조회 4,292
06-09-21 조회 4,302
06-09-21 조회 3,512
06-09-21 조회 5,170
06-09-21 조회 3,700
06-09-21 조회 3,438
06-09-20 조회 2,993
06-09-15 조회 3,120
06-09-13 조회 3,429
06-09-11 조회 3,243