태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

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

14년 전

/*    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) {
    }
}

====================================================================

이렇게 하여도 됩니다.


<script language="JavaScript">

</script>


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

게시판을 삽입하는 곳에는


<?
    echo "<iframe id=iframe onLoad=\"calcHeight();\" src=\"여기에 게시판 주소를 넣으세요\" scrolling=no frameborder=0 width=1000 height=0></iframe>";
?>

추천 목록

번호	제목
48	iframe 사용시 하단에 발생하는 공백 제거방법
47	아이프레임(iframe) 비율 유지하면서 크기 조절하는 방법
46	[HTML5]에서 frameset 대체 방법과 iframe 속성
45	윈도우10 시스템파일 손상 (초간단 오류 복구방법!!)
44	iframe 높이 100% 맞추기
43	윈도우10 시스템 파일 및 Dism 검사
42	다른 도메인간 iframe 크기 자동조절
41	프레임으로 나눠진 페이지에서 새로고침시 현재 페이지 유지하기
40	iframe resize 함수
39	브라우저를 동적으로 부드럽게 리사이즈
38	윈도XP, 바탕화면에서 사라진 인터넷 익스플로어 아이콘 만들기
37	레이어, 투명하게 , 중앙에 띄우기.
36	iframe대신 div를 응용해보자
35	DIV 레이어 속성
34	팝업창 항상 위 소스, 부모창과의 유동적인 운영 소스 포함
33	윈도우 미디어 플레이어 위에 레이어 올리기
32	[script] iframe 자동리사이즈(파이어폭스, 익스 지원)
31	IFRAME-x 이용한 InnerBrowsig
30	웹페이지의 원하는 부분만 인쇄
29	엄청 간단한 iframe 크기 자종 조절 스크립트
28	iframe를 이용해 페이지 이동없이 데이타 처리하기
27	문자열 자르기 (게시판 타이틀 등에 응용-한글영숫자 특수문자 지원)
26	외부문서 없는 아이프레임
25	창사이즈 변경 금지 하기
24	iframe 배경 투명하게하기
23	"800x600"부터 "1024x768"까지 "가변 폭", 그 이상은 "고정 폭"(style/css)
22	레이어 보이기/숨기기
21	메타태그 를 이용한 페이지 로딩
20	아이프레임 대용으로 사용할수 있는 OBJECT 태그
19	유동적인 내용을 고려한 레이어 위치시키기