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; 이구문에서 ㅠ_ㅠ
좋은 정보 네요. 감사합니다.
나는 왜 안되지요???
댓글을 작성하시려면 로그인이 필요합니다.
port님의 이 게시판 글 · 최신순 회원 필터 해제

프로그램

전체 8,188건
제목 글쓴이 날짜 조회
12-11-28 조회 4,820
12-11-22 조회 5,251
12-11-21 조회 5,988
12-11-12 조회 5,615
12-06-26 조회 4,952
12-05-25 조회 3,977
12-04-16 조회 4,357
12-04-12 조회 3,332
12-03-30 조회 3,528
11-12-15 조회 5,510
11-11-19 조회 3,797
06-10-16 조회 3,726
06-10-10 조회 3,405
12-02-02 조회 3,368
13-01-09 조회 8,065
13-01-03 조회 1.2만
12-11-22 조회 4,716
12-10-16 조회 6,385
12-08-30 조회 4,336
12-06-06 조회 6,368
12-05-07 조회 4,513
12-04-25 조회 5,368
12-04-15 조회 3,944
12-03-14 조회 3,984
12-03-13 조회 4,446
12-03-12 조회 5,537
12-03-12 조회 1만
07-05-15 조회 6,219
06-10-17 조회 5,547
06-10-16 조회 4,293
06-10-13 조회 4,162
06-10-10 조회 4,156
06-10-02 조회 4,553
06-10-01 조회 4,453