(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>
많이들 사용하시고 저희 홈페이지도 방문 부탁 드립니다.
방문 : 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
0
댓글 18개
오~ 괜찮은 소스네요..
앗~ 감사합니다. 꾸벅~
흠... 저기 물어볼게 있는데요..
만약 아이프레임이 hidden 상태인데... 링크를 클릭하면 리사이즈되면서 block 상태로 될려면 어떻게 해야할까요..
참 궁금 o.O
만약 아이프레임이 hidden 상태인데... 링크를 클릭하면 리사이즈되면서 block 상태로 될려면 어떻게 해야할까요..
참 궁금 o.O
링크(A) 태그의 OnClick에서 필요한 Event 또는 기능을 추가하시면 될것 같습니다.
소스에 대해서 하나도 모르지만.. 당최 까막눈입니다. 그냥 영어라고 보여지는 문자들이 지나가는 ^^;;
그림같습니다. 하지만 아마도 이걸 잘 알면.. naver에서 운영되는 형태가 가능할듯 여겨지는군요.
맞는지요?.. 게시판에서 굳이 외부의 노프레임에서 ../head.php같이 인쿠르드 안해도..
게시판을 따로 include하지 못하는것을 iframe으로 include형태로 표현이 가능하겠지요?
이게 가능해라고 만드신 팁이라고 막연히 생각합니다.
그리고 이걸 공개해주시다니 그것 또한 감읍하옵니다. 주저리 주저리 복받으십시요.. ^^;;
이건 홈페이지 구조론의 제 3의 파트이옵나이다.. ^^;;
그림같습니다. 하지만 아마도 이걸 잘 알면.. naver에서 운영되는 형태가 가능할듯 여겨지는군요.
맞는지요?.. 게시판에서 굳이 외부의 노프레임에서 ../head.php같이 인쿠르드 안해도..
게시판을 따로 include하지 못하는것을 iframe으로 include형태로 표현이 가능하겠지요?
이게 가능해라고 만드신 팁이라고 막연히 생각합니다.
그리고 이걸 공개해주시다니 그것 또한 감읍하옵니다. 주저리 주저리 복받으십시요.. ^^;;
이건 홈페이지 구조론의 제 3의 파트이옵나이다.. ^^;;
<iframe width=0 height=0 name='ifrm' style='display:none;'></iframe>
body에 이런 식으로 넣으면 되는가요?
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>
<!--- 아이프레임 --->
<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
좋은팁 잘봤습니다.!
..
너무 고마워요..
고민하던거 한번에 해결 했어요..
대박나세요.. ㅎㅎ
고민하던거 한번에 해결 했어요..
대박나세요.. ㅎㅎ
ㄳㄳ
감사해요~