기타팁

아이프레임 크기 자동조절

by cs posted Apr 01, 2008
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄 수정 삭제
// 아이프레임 자동으로 늘어나는 자바 스크립트


<!--- 아이프레임 --->
<script language="JavaScript">
function reSize() {
    try {
        var objBody = auto_iframe.document.body;
        var objFrame = document.all["auto_iframe"];
        ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight);
        objFrame.style.height = ifrmHeight;
    }
        catch(e) {}
}

function init_iframe() {
    reSize();
    setTimeout('init_iframe()',1)
}

init_iframe();
</script>



위 소스를 <head> 와 </head> 사이에 넣어주고요. 아이프레임 들어갈 주소에 아래와 같이 적어줍니다.



<iframe src="주소 " frameborder="0" width="100%" allowTransparency="true"
name="auto_iframe" id="auto_iframe" marginwidth="0" marginheight="0" scrolling="no"
allowtransparency="true"></iframe>