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

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>