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건
+
제목 글쓴이 날짜 조회
06-11-28 조회 4,147
06-11-28 조회 6,431
06-11-27 조회 3,655
06-11-27 조회 4,567
06-11-27 조회 5,471
06-11-25 조회 3,725
06-11-24 조회 3,683
06-11-22 조회 5,360
06-11-21 조회 3,978
06-11-18 조회 4,200
06-11-15 조회 3,415
06-11-15 조회 3,443
06-11-11 조회 3,170
06-11-10 조회 4,560
06-11-04 조회 3,295
06-10-29 조회 3,948
06-10-29 조회 2,957
06-10-24 조회 6,479
06-10-17 조회 4,788
06-10-17 조회 5,519
06-10-16 조회 4,270
06-10-16 조회 3,695
06-10-15 조회 5,083
06-10-13 조회 3,815
06-10-13 조회 4,179
06-10-13 조회 4,137
06-10-12 조회 5,331
06-10-12 조회 4,305
06-10-12 조회 4,251
06-10-12 조회 4,813
06-10-10 조회 4,137
06-10-10 조회 3,380
06-10-10 조회 3,427
06-10-10 조회 3,363
06-10-09 조회 3,991
06-10-04 조회 3,740
06-10-02 조회 4,524
06-10-01 조회 4,440
06-09-29 조회 3,015
06-09-29 조회 3,928
06-09-27 조회 9,023
06-09-27 조회 3,670
06-09-26 조회 4,327
06-09-26 조회 4,035
06-09-26 조회 4,180
06-09-26 조회 3,354
06-09-26 조회 3,611
06-09-26 조회 5,328
06-09-26 조회 3,446
06-09-26 조회 5,440
06-09-26 조회 3,565
06-09-26 조회 3,259
06-09-26 조회 3,490
06-09-26 조회 3,053
06-09-26 조회 3,624
06-09-26 조회 3,404
06-09-26 조회 4,314
06-09-26 조회 3,007
06-09-26 조회 4,707
06-09-25 조회 3,922
06-09-25 조회 4,658
06-09-25 조회 4,610
06-09-25 조회 4,357
06-09-25 조회 6,618
06-09-23 조회 3,316
06-09-23 조회 3,408
06-09-23 조회 3,457
06-09-23 조회 4,536
06-09-22 조회 4,945
06-09-22 조회 4,887
06-09-22 조회 3,509
06-09-22 조회 3,663
06-09-22 조회 3,874
06-09-22 조회 4,294
06-09-22 조회 3,744
06-09-22 조회 3,878
06-09-22 조회 3,698
06-09-22 조회 3,486
06-09-22 조회 4,516
06-09-22 조회 4,532
06-09-22 조회 4,224
06-09-21 조회 6,028
06-09-21 조회 3,823
06-09-21 조회 4,547
06-09-21 조회 4,288
06-09-21 조회 3,209
06-09-21 조회 4,300
06-09-21 조회 2,956
06-09-21 조회 3,431
06-09-21 조회 3,509
06-09-21 조회 5,166
06-09-21 조회 4,299
06-09-21 조회 4,253
06-09-21 조회 3,697
06-09-21 조회 3,167
06-09-21 조회 2,693
06-09-21 조회 3,592
06-09-21 조회 3,433
06-09-21 조회 2,888
06-09-21 조회 2,918