iframe 자동 리사이즈

by 조쉬 posted Mar 01, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
<script language="JavaScript">
function resizeHeight(fr) {
 var frbody = fr.contentWindow.document.body;
 fr.style.height = frbody.scrollHeight + ( frbody.offsetHeight - frbody.clientHeight );
}
// IFrame script Ver 1.0 //여러개의 IFrame는 다음과 같이 사용합니다. 
// 예 : ["myframe1", "myframe2"] or ["myframe"] or [] for none: 
var iframeids=["iframe"] 
var iframehide="yes" 
 var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1] 
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 
 function resizeCaller() { 
var dyniframe=new Array() 
 for (i=0; i<iframeids.length; i++) { 
if (document.getElementById) 
resizeIframe(iframeids[i]) 
 if ((document.all || document.getElementById) && iframehide=="no") { 
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]) 
tempobj.style.display="block" 
} 
} 
} 
 function resizeIframe(frameid) { 
var currentfr=document.getElementById(frameid) 
 if (currentfr && !window.opera){ 
currentfr.style.display="block" 
 if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) 
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; 
else if (currentfr.Document && currentfr.Document.body.scrollHeight) 
currentfr.height = currentfr.Document.body.scrollHeight; 
 if (currentfr.addEventListener) 
currentfr.addEventListener("load", readjustIframe, false) 
else if (currentfr.attachEvent){ 
currentfr.detachEvent("onload", readjustIframe) 
currentfr.attachEvent("onload", readjustIframe) 
} 
} 
} 
 function readjustIframe(loadevt) { 
var crossevt=(window.event)? event : loadevt 
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement 
 if (iframeroot) 
resizeIframe(iframeroot.id); 
} 
 function loadintoIframe(iframeid, url) { 
if (document.getElementById) 
document.getElementById(iframeid).src=url 
} 
 if (window.addEventListener) 
window.addEventListener("load", resizeCaller, false) 
else if (window.attachEvent) 
window.attachEvent("onload", resizeCaller) 
else 
window.onload=resizeCaller
</script>
 </head>


     <iframe src="/board/bbs/board.php?bo_table=freeboard" width="712" id="iframe" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" vspace="0" onload="resizeHeight(this)"></iframe>