(IE, Mozilla, Firefox) Iframe 자동으로 Resize 하는 소스 입니다. > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

(IE, Mozilla, Firefox) Iframe 자동으로 Resize 하는 소스 입니다. 정보

(IE, Mozilla, Firefox) Iframe 자동으로 Resize 하는 소스 입니다.

본문

Iframe 자동으로 Resize 하는 소스 입니다.(IE, Mozilla, Firefox 전부 사용 가능)
 
많이들 사용하시고 저희 홈페이지도 방문 부탁 드립니다.
방문 : http://www.amoslab.com

<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>
추천
0
  • 복사

댓글 18개

흠... 저기 물어볼게 있는데요..
만약 아이프레임이 hidden 상태인데... 링크를 클릭하면 리사이즈되면서 block 상태로 될려면 어떻게 해야할까요..
참 궁금 o.O
소스에 대해서 하나도 모르지만.. 당최 까막눈입니다. 그냥 영어라고 보여지는 문자들이 지나가는 ^^;;
그림같습니다.  하지만 아마도 이걸 잘 알면.. naver에서 운영되는 형태가 가능할듯 여겨지는군요.
맞는지요?.. 게시판에서 굳이 외부의 노프레임에서 ../head.php같이 인쿠르드 안해도..
게시판을 따로 include하지 못하는것을 iframe으로 include형태로 표현이 가능하겠지요?

이게 가능해라고 만드신 팁이라고 막연히 생각합니다.
그리고 이걸 공개해주시다니 그것 또한 감읍하옵니다. 주저리 주저리 복받으십시요.. ^^;;
이건 홈페이지 구조론의  제 3의 파트이옵나이다.. ^^;;
다른거 추가 [검색/아이프레임]
<!--- 아이프레임 --->
<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>

----위에 소스 헤드 부분에 복사해서 넣으시구요.

아래처럼 아이플래임 들어가는곳에 복사에서 넣어주세요 .

당연히 주소는 자기가 불러올 주소 넣어야되게죠? ^^;

<iframe src=" 불러올 주소 " frameborder="0" width="100%" allowTransparency="true"
name="auto_iframe" id="auto_iframe" marginwidth="0" marginheight="0" scrolling="no"
allowtransparency="true"></iframe>
© SIRSOFT
현재 페이지 제일 처음으로