(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>
댓글 18개
20년 전
오~ 괜찮은 소스네요..
Chani
20년 전
앗~ 감사합니다. 꾸벅~
슈가쭌
20년 전
흠... 저기 물어볼게 있는데요..
만약 아이프레임이 hidden 상태인데... 링크를 클릭하면 리사이즈되면서 block 상태로 될려면 어떻게 해야할까요..
참 궁금 o.O
만약 아이프레임이 hidden 상태인데... 링크를 클릭하면 리사이즈되면서 block 상태로 될려면 어떻게 해야할까요..
참 궁금 o.O
Chani
20년 전
링크(A) 태그의 OnClick에서 필요한 Event 또는 기능을 추가하시면 될것 같습니다.
pearly
20년 전
소스에 대해서 하나도 모르지만.. 당최 까막눈입니다. 그냥 영어라고 보여지는 문자들이 지나가는 ^^;;
그림같습니다. 하지만 아마도 이걸 잘 알면.. naver에서 운영되는 형태가 가능할듯 여겨지는군요.
맞는지요?.. 게시판에서 굳이 외부의 노프레임에서 ../head.php같이 인쿠르드 안해도..
게시판을 따로 include하지 못하는것을 iframe으로 include형태로 표현이 가능하겠지요?
이게 가능해라고 만드신 팁이라고 막연히 생각합니다.
그리고 이걸 공개해주시다니 그것 또한 감읍하옵니다. 주저리 주저리 복받으십시요.. ^^;;
이건 홈페이지 구조론의 제 3의 파트이옵나이다.. ^^;;
그림같습니다. 하지만 아마도 이걸 잘 알면.. naver에서 운영되는 형태가 가능할듯 여겨지는군요.
맞는지요?.. 게시판에서 굳이 외부의 노프레임에서 ../head.php같이 인쿠르드 안해도..
게시판을 따로 include하지 못하는것을 iframe으로 include형태로 표현이 가능하겠지요?
이게 가능해라고 만드신 팁이라고 막연히 생각합니다.
그리고 이걸 공개해주시다니 그것 또한 감읍하옵니다. 주저리 주저리 복받으십시요.. ^^;;
이건 홈페이지 구조론의 제 3의 파트이옵나이다.. ^^;;
hanpedro
20년 전
<iframe width=0 height=0 name='ifrm' style='display:none;'></iframe>
body에 이런 식으로 넣으면 되는가요?
body에 이런 식으로 넣으면 되는가요?
19년 전
다른거 추가 [검색/아이프레임]
<!--- 아이프레임 --->
<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>
15년 전
감사합니다!!
19년 전
그누보드3에는 적용이 안되는 것인가요?
길이가 조절이 잘 안되서요~~ㅠ.ㅠ
길이가 조절이 잘 안되서요~~ㅠ.ㅠ
19년 전
좋은 소스
19년 전
좋은팁이에요~~
19년 전
안돼염
18년 전
이야.. 홈페이지 잘생겼네요. 소스 훔쳐가고 싶습니다.. ㅡ_ㅡa
뮤즈그라피
18년 전
좋은팁 잘봤습니다.!
17년 전
..
16년 전
너무 고마워요..
고민하던거 한번에 해결 했어요..
대박나세요.. ㅎㅎ
고민하던거 한번에 해결 했어요..
대박나세요.. ㅎㅎ
13년 전
ㄳㄳ
allnight123
10년 전
감사해요~
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 209 |
pearly
|
20년 전 | 5566 | |
| 208 | 20년 전 | 6008 | ||
| 207 | 20년 전 | 7269 | ||
| 206 |
Chani
|
20년 전 | 8594 | |
| 205 | 20년 전 | 5504 | ||
| 204 | 20년 전 | 4210 | ||
| 203 | 20년 전 | 5497 | ||
| 202 | 20년 전 | 4330 | ||
| 201 | 20년 전 | 5035 | ||
| 200 | 20년 전 | 5552 | ||
| 199 | 20년 전 | 4750 | ||
| 198 | 20년 전 | 8228 | ||
| 197 |
pardner
|
20년 전 | 4661 | |
| 196 | 20년 전 | 3917 | ||
| 195 | 20년 전 | 9710 | ||
| 194 | 20년 전 | 5686 | ||
| 193 | 20년 전 | 3225 | ||
| 192 |
pearly
|
20년 전 | 5788 | |
| 191 | 20년 전 | 8425 | ||
| 190 |
|
20년 전 | 7594 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기