[zenaplus] 아이프레임(iframe) 높이와 넓이 자동 조절 스크립트
페이지 정보
본문
<script>
// IFRAME 사이즈 자동 조절
function doIframeResize(tdId, frameId)
{
tdId.height = frameId.document.body.scrollHeight+10;
tdId.width = frameId.document.body.scrollWidth;
} </script>
위의 스크립트를 아이프레임을 넣고자하는 페이지에 넣은후 다음과 같이 하시면됩니다.
<iframe id="test_frame" src="주소1" width="97%" height="100%" ALLOWTRANSPARENCY="true" frameborder="0" scrolling="no" onload="doIframeResize(test, test_frame);"></iframe>
2개를 넣을경우는
<iframe id="test_frame1" src="주소2" width="97%" height="100%" ALLOWTRANSPARENCY="true" frameborder="0" scrolling="no" onload="doIframeResize(test1, test_frame1);"></iframe>
// IFRAME 사이즈 자동 조절
function doIframeResize(tdId, frameId)
{
tdId.height = frameId.document.body.scrollHeight+10;
tdId.width = frameId.document.body.scrollWidth;
} </script>
위의 스크립트를 아이프레임을 넣고자하는 페이지에 넣은후 다음과 같이 하시면됩니다.
<iframe id="test_frame" src="주소1" width="97%" height="100%" ALLOWTRANSPARENCY="true" frameborder="0" scrolling="no" onload="doIframeResize(test, test_frame);"></iframe>
2개를 넣을경우는
<iframe id="test_frame1" src="주소2" width="97%" height="100%" ALLOWTRANSPARENCY="true" frameborder="0" scrolling="no" onload="doIframeResize(test1, test_frame1);"></iframe>
댓글목록
등록된 댓글이 없습니다.
