이전
목록
다음
h

iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수

티파니
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2009-01-17 (토) 00:42:48 · 4270 · 3
/*    iframe Resizing
    익스플로러 6, 넷스케이프 8 이상에서 작동
    너비는 적용안되고 높이만 자동 리사이즈
    Ex)
        <iframe src="주소" width="640" marginwidth="0" marginheight="0" frameborder="0" onLoad="ResizeIFrame(this);"></iframe>
*/




function resizeIFrame(iframeId)
{
    try {
        var innerBody = iframeId.contentWindow.document.body;
        var innerHeight = innerBody.scrollHeight + (innerBody.offsetHeight - innerBody.clientHeight);
   
        if(iframeId.style.height != innerHeight) {
            iframeId.style.height = innerHeight;
        }
        if(document.all) {
            innerBody.attachEvent('onclick',parent.do_resize);
            innerBody.attachEvent('onkeyup',parent.do_resize);
        }
        else {
            innerBody.addEventListener("click", parent.do_resize, false);
            innerBody.addEventListener("keyup", parent.do_resize, false);
        }
    }
    catch (e) {
    }
}
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|

댓글 3개

허허당빵근
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2009-03-15 (일) 23:22:55
이렇게 하여도 됩니다.

<!-- 아이프레임 창 높이 조절 시작 -->
<script language="JavaScript">
<!--
function calcHeight() {
//find the height of the internal page
var the_height=
document.getElementById('iframe').contentWindow.
document.body.scrollHeight;
//change the height of the iframe
document.getElementById('iframe').height=
the_height;
}
//-->
</script>
<!-- 아이프레임 창 높이 조절 끝 -->

여기까지를 <head>와 </head>사이에 넣으시고


게시판을 삽입하는 곳에는

<!--- 게시판 삽입 시작 -->
<?
echo "<iframe id=iframe onLoad=\"calcHeight();\" src=\"여기에 게시판 주소를 넣으세요\" scrolling=no frameborder=0 width=1000 height=0></iframe>";
?>
<!--- 게시판 삽입 --->
농농사랑
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2009-03-27 (금) 11:47:33
지마켓 등에서 상품 등록시 아이프레임을 사용하려고 하는데, 높이 조절이 자동으로 안되네요..
지지킬
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2010-04-08 (목) 21:31:12
다른 서버의 웹문서에도 가능한가요???
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
09-07-11 조회 2,935
09-07-11 조회 3,156
09-06-29 조회 3,552
09-06-26 조회 5,171
09-06-25 조회 4,114
09-06-25 조회 2,784
09-06-18 조회 5,338
09-06-17 조회 2,682
09-06-15 조회 2,898
09-06-15 조회 2,533
09-06-15 조회 3,054
09-06-15 조회 2,933
09-06-15 조회 2,966
09-06-15 조회 2,814
09-06-09 조회 3,504
09-05-29 조회 3,099
09-05-29 조회 3,236
09-05-28 조회 3,537
09-05-22 조회 2,944
09-05-16 조회 3,788
09-05-14 조회 3,516
09-05-11 조회 5,879
09-05-08 조회 2,626
09-05-06 조회 2,337
09-05-05 조회 3,397
09-05-04 조회 3,252
09-05-01 조회 2,841
09-04-30 조회 3,391
09-04-30 조회 3,751
09-04-18 조회 2,676
09-04-17 조회 3,066
09-04-13 조회 3,270
09-04-13 조회 2,315
09-04-13 조회 3,071
09-04-13 조회 2,675
09-04-10 조회 3,194
09-04-10 조회 2,621
09-04-07 조회 3,607
09-04-04 조회 3,245
09-04-02 조회 7,214
09-03-19 조회 3,216
09-03-15 조회 5,082
09-03-15 조회 2,719
09-03-13 조회 3,019
09-03-10 조회 3,362
09-03-05 조회 3,912
09-03-05 조회 3,629
09-02-27 조회 4,154
09-02-23 조회 4,400
09-02-23 조회 4,410
09-02-21 조회 3,169
09-02-21 조회 2,809
09-02-17 조회 2,764
09-02-17 조회 3,149
09-02-17 조회 2,535
09-02-17 조회 3,339
09-02-17 조회 3,050
09-02-13 조회 2,844
09-02-09 조회 2,642
09-02-09 조회 3,485
09-02-09 조회 4,543
09-02-09 조회 3,608
09-02-09 조회 3,102
09-02-09 조회 2,863
09-02-05 조회 3,347
09-02-03 조회 6,106
09-01-30 조회 2,858
09-01-25 조회 3,542
09-01-24 조회 3,656
09-01-23 조회 3,825
09-01-23 조회 3,444
09-01-20 조회 5,836
09-01-20 조회 4,269
09-01-17 조회 4,271
09-01-17 조회 2,939
09-01-15 조회 2,526
09-01-14 조회 5,240
09-01-10 조회 3,063
09-01-09 조회 2,951
09-01-08 조회 3,465
09-01-08 조회 3,216
09-01-06 조회 2,883
09-01-05 조회 5,152
08-12-30 조회 3,049
08-12-30 조회 4,473
08-12-29 조회 4,321
08-12-27 조회 2,319
08-12-27 조회 3,178
08-12-27 조회 2,827
08-12-27 조회 3,124
08-12-20 조회 3,898
08-12-20 조회 4,271
08-12-13 조회 4,507
08-12-12 조회 4,573
08-12-12 조회 2,674
08-12-11 조회 2,688
08-12-10 조회 3,499
08-12-06 조회 3,240
08-11-30 조회 3,584
08-11-27 조회 4,145
글쓰기