[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>