보안이슈 소모임 개설
이전
목록
다음
h

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

티파니
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2009-01-17 (토) 00:42:48 · 4285 · 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,957
09-07-11 조회 3,180
09-06-29 조회 3,575
09-06-26 조회 5,194
09-06-25 조회 4,122
09-06-25 조회 2,800
09-06-18 조회 5,354
09-06-17 조회 2,695
09-06-15 조회 2,923
09-06-15 조회 2,553
09-06-15 조회 3,078
09-06-15 조회 2,956
09-06-15 조회 2,982
09-06-15 조회 2,833
09-06-09 조회 3,522
09-05-29 조회 3,117
09-05-29 조회 3,257
09-05-28 조회 3,565
09-05-22 조회 2,965
09-05-16 조회 3,806
09-05-14 조회 3,540
09-05-11 조회 5,902
09-05-08 조회 2,651
09-05-06 조회 2,355
09-05-05 조회 3,428
09-05-04 조회 3,276
09-05-01 조회 2,861
09-04-30 조회 3,408
09-04-30 조회 3,770
09-04-18 조회 2,704
09-04-17 조회 3,088
09-04-13 조회 3,286
09-04-13 조회 2,342
09-04-13 조회 3,090
09-04-13 조회 2,695
09-04-10 조회 3,223
09-04-10 조회 2,645
09-04-07 조회 3,637
09-04-04 조회 3,267
09-04-02 조회 7,241
09-03-19 조회 3,233
09-03-15 조회 5,109
09-03-15 조회 2,739
09-03-13 조회 3,041
09-03-10 조회 3,386
09-03-05 조회 3,934
09-03-05 조회 3,655
09-02-27 조회 4,185
09-02-23 조회 4,428
09-02-23 조회 4,431
09-02-21 조회 3,192
09-02-21 조회 2,824
09-02-17 조회 2,788
09-02-17 조회 3,169
09-02-17 조회 2,548
09-02-17 조회 3,350
09-02-17 조회 3,082
09-02-13 조회 2,865
09-02-09 조회 2,661
09-02-09 조회 3,509
09-02-09 조회 4,555
09-02-09 조회 3,622
09-02-09 조회 3,125
09-02-09 조회 2,885
09-02-05 조회 3,370
09-02-03 조회 6,132
09-01-30 조회 2,883
09-01-25 조회 3,558
09-01-24 조회 3,672
09-01-23 조회 3,842
09-01-23 조회 3,466
09-01-20 조회 5,851
09-01-20 조회 4,289
09-01-17 조회 4,286
09-01-17 조회 2,959
09-01-15 조회 2,542
09-01-14 조회 5,255
09-01-10 조회 3,081
09-01-09 조회 2,967
09-01-08 조회 3,484
09-01-08 조회 3,237
09-01-06 조회 2,913
09-01-05 조회 5,167
08-12-30 조회 3,068
08-12-30 조회 4,492
08-12-29 조회 4,346
08-12-27 조회 2,332
08-12-27 조회 3,196
08-12-27 조회 2,847
08-12-27 조회 3,138
08-12-20 조회 3,910
08-12-20 조회 4,289
08-12-13 조회 4,522
08-12-12 조회 4,588
08-12-12 조회 2,697
08-12-11 조회 2,707
08-12-10 조회 3,521
08-12-06 조회 3,262
08-11-30 조회 3,608
08-11-27 조회 4,163
글쓰기