테스트 사이트 - 개발 중인 베타 버전입니다

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 18개

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

이게 가능해라고 만드신 팁이라고 막연히 생각합니다.
그리고 이걸 공개해주시다니 그것 또한 감읍하옵니다. 주저리 주저리 복받으십시요.. ^^;;
이건 홈페이지 구조론의 제 3의 파트이옵나이다.. ^^;;
<iframe width=0 height=0 name='ifrm' style='display:none;'></iframe>
body에 이런 식으로 넣으면 되는가요?
다른거 추가 [검색/아이프레임]
<!--- 아이프레임 --->
<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>
감사합니다!!
그누보드3에는 적용이 안되는 것인가요?
길이가 조절이 잘 안되서요~~ㅠ.ㅠ
좋은팁이에요~~
이야.. 홈페이지 잘생겼네요. 소스 훔쳐가고 싶습니다.. ㅡ_ㅡa
좋은팁 잘봤습니다.!
너무 고마워요..
고민하던거 한번에 해결 했어요..
대박나세요.. ㅎㅎ

게시판 목록

그누4 팁자료실

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