태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

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>";
?>

추천 목록

번호	제목
18	서브 매뉴 레이어 띄우기 프레임 자동 리사이징
17	아이프레임 세로 자동리사이징
16	웹페이지 부드럽게 넘어가는 효과 주기
15	유동적인 레이어 css와 script로 고정 위치 시키기
14	iframe 자동 사이즈
	iframe의 높이를 내용에 맞게 자동으로 맞춰주는 함수
12	내용이 변경 되는 탭 메뉴
11	해상도에 맞게 팝업 새창 열기
10	프레임 홈페이지 만들때 유용한 팁
9	원클릭으로 두개의 iframe에 링크 호출하기
8	frame으로 홈페이지 구성시 한쪽 페이지는 유동성있는 파일 대입법
7	Netscape, Explorer 모두에서 iframe과 똑같은 효과를 냅니다
6	"현재창을 닫으시겠습니까?" 라는 메시지 없애기
5	iframe에 랜덤하게 페이지를 가져옵니다
4	화면을 조각내서 보여주기
3	포탈에서 iframe 을 변칙으로 사용하기..
2	스크롤없는 Iframe (iframe에서 불러드리는 소스의 크지만큼 height를 넓힘)
1	iframe투명하게