iframe 사이즈 페이지에 맞게 자동 조절 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

iframe 사이즈 페이지에 맞게 자동 조절 정보

기타 iframe 사이즈 페이지에 맞게 자동 조절

본문

아래에도 같은 소스가 있네요..
클럽 만들면서 적용한것 입니다.

function resizeIFrame()
{
    var iframeWin = document.frames['CLUB_BODY'];
    var scrollbarWidth = 4;
    var iframeWinBody = iframeWin.document.body;
    var diffHeight = iframeWinBody.scrollHeight - document.all.CLUB_BODY.style.pixelHeight;

    document.all.CLUB_BODY.style.pixelHeight  = document.all.CLUB_BODY.style.pixelHeight + diffHeight + scrollbarWidth;
}
</script>

위 스크립트를 페이지에 붙여넣고...

<iframe width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" id="ifrm" src="불러올 페이지" name="CLUB_BODY" onload="resizeIFrame();"></iframe>

요렇게 해주시면 자동으로 크기에 맞게 조절이 됩니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
추천
0

댓글 3개

전체 5,397
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT