javascript 팁이 있는 곳입니다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 109

0

조회 수 : 10018 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 :  

자동으로 늘어나는 아이프레임 소스는 많이 있지만, 이소스가 괜찮은거 같아서 올려봅니다.

정확한 출처는 모르겠네요..


먼저 보여지는 페이지 상단 <head>와 </head>사이에 아래스크립트를 삽입합니다.


<script type="text/javascript">
var iframeids=["iframe_contents"]
var iframehide="yes"

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=getFFVersion>=0.1? 16 : 20 //extra height in px to add to iframe in FireFox 1.0+ browsers

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) //ns6 syntax
        currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
    else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
        currentfr.height = currentfr.Document.body.scrollHeight;
    if (currentfr.addEventListener)
        currentfr.addEventListener("load", readjustIframe, false)
    else if (currentfr.attachEvent){
        currentfr.detachEvent("onload", readjustIframe) // Bug fix line
        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="iframe_contents" src="불러올 문서" width="100%" frameborder="0"scrolling="no" title="불러올 문서이름"></iframe>


불러올 문서에 따로 들어가는 소스는 없습니다. 

예를 들어 불러올 문서가 국가대표 축구 명단리스트 이면 불러올 문서이름에 title="국가대표 축구 명단 리스트" 라고 작성해주세요. (늘어나는것과는 상관없지만, 프레임에도 타이틀을 적는 습관을 주세요. 접근성에 좋습니다.)

id 명은 스크립트와 동일한 이름으로 하시면 됩니다.



확인결과 사파리는 되나.. 오페라에서는 안되는군요.

태그
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/javascript/163087/e08/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
89 hit index 페이지에 다른문서 불러오기? title: [ani]깜빡이는 표정빽짱구 2006-03-09 4 10276
88 hit 요일마다 바뀌는 상태바 인사 말 [1] title: [ani]깜빡이는 표정빽짱구 2006-05-08 12 10054
87 hit 자동으로 늘어나는 아이프레임 (익스+파폭) title: [ani]깜빡이는 표정빽짱구 2010-02-10   10018
86 best of best 타이틀을 랜덤으로 바꾸기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 29 9810
85 best of best 스크롤되는 배너 title: [ani]깜빡이는 표정빽짱구 2005-03-26 21 9659
84 상태표시줄 링크주소 안보이게 하기 title: [ani]깜빡이는 표정빽짱구 2004-02-28 13 9569
83 하루동안 팝업창 띄우지 않기 title: [ani]깜빡이는 표정빽짱구 2005-02-23 8 9485
82 따라다니는 레이어 [4] title: [ani]깜빡이는 표정빽짱구 2009-10-09   9471
81 자바스크립트로 부드럽게 창제어하기 title: [ani]깜빡이는 표정빽짱구 2006-01-07 12 9133
80 롤링 자동 스크립트 웹기프트 2010-11-13   9124
79 제홈에 쓰인 마우스 오른쪽 금지태그 title: [ani]깜빡이는 표정빽짱구 2004-03-31 10 8958
78 '베너가져가기' 클릭 시 "소스"가 복사되는 스크립트 정천 2010-03-05 1 8671
77 새로고침할때마다 바뀌는 랜덤배너 소스 title: [ani]깜빡이는 표정빽짱구 2011-07-21   8470
76 best of best 제자리에서 페이딩되면서 바뀌며보여주는 뉴스티커 title: [ani]깜빡이는 표정빽짱구 2006-01-07 32 8458
75 브라우저를 동적으로 부드럽게 리사이징하기 title: [ani]깜빡이는 표정빽짱구 2006-02-05 14 8339
74 카피라이터에 년도를 자동으로 바꿔주자! [5] title: [ani]깜빡이는 표정빽짱구 2010-02-08   8282
73 타이핑 텍스트 12 (뉴스티커 기능) [4] 웹준 2009-11-04   8247
72 자바스크립트 암호방법들 file 혁이 2010-04-23   8203
71 익스플로어 상태 표시줄에 스크립트 에러 경고 없애기 title: [ani]깜빡이는 표정빽짱구 2005-01-20 13 8137
70 이미지 클릭시 최적사이즈로 팝업 열리게 하는 스크립트 늘푸른 2010-07-24   8130