ReSet ORIGINAL
[HtmlㆍScript] iframe 자동리사이즈 목록
  • 글쓴이 : IN-BEST 작성일 : 13-02-13 11:52 조회 : 10,846
\\ Source Explanation
아이프레임iframe 자동리사이즈
Source Code

 
본문<SCRIPT type=text/javascript> 
// IFrame script Ver 1.0 

//여러개의 IFrame는 다음과 같이 사용합니다. 
// 예 : ["myframe1", "myframe2"] or ["myframe"] or [] for none: 
var iframeids=["ifrm"] 
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> 


<iframe id="ifrm" name="board" src="파일" width="800" scrolling="no" frameborder="0"></iframe> 
 

로 하시면 됩니다. 아이프레임이 다수인 경우 id값으로 구분 됩니다.

IE.FF.CHROME 모두 가능합니다.
· 출처 : 그누4팁
7.0 (1명)
평가해주세요. 비회원 가능!