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/0bc/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

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

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
109 hit 여러 방법의 팝업창 소스 [6] title: [ani]깜빡이는 표정빽짱구 2008-02-27 4 66895
108 hit 깔끔한 공지창 title: [ani]깜빡이는 표정빽짱구 2006-03-06 2 51149
107 hit 마우스 오버시 레이어창 뜨기 (파폭.익스지원) title: [ani]깜빡이는 표정빽짱구 2007-11-06   19805
106 hit 콘텐트의 높이에 따라 자동으로 Resizing 되는 Iframe 만들기. [1] title: [ani]깜빡이는 표정빽짱구 2007-12-14   19352
105 hit [Javascript]버튼클릭시 레이어창 띄우기 file [4] title: [ani]깜빡이는 표정빽짱구 2008-11-13 1 18717
104 hit 버튼클릭시 레이어창 띄우기 [1] title: [ani]깜빡이는 표정빽짱구 2008-06-19 1 16568
103 hit 마우스오버시 롤링되는배너 (파폭지원) [1] title: [ani]깜빡이는 표정빽짱구 2008-07-01   16229
102 hit (파폭,익스,오페라) 즐겨찾기추가하기 title: [ani]깜빡이는 표정빽짱구 2008-04-15   15648
101 hit 탭메뉴 소스 title: [ani]깜빡이는 표정빽짱구 2006-03-09 14 15212
100 hit best of best 이미지가 서서히 변하는 롤오버 효과 title: [ani]깜빡이는 표정빽짱구 2006-08-30 32 14362
99 hit 페이지내의 단어검색하기 (파폭지원) title: [ani]깜빡이는 표정빽짱구 2008-06-23   13616
98 hit 클릭시 시작페이지로 설정하기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 7 12989
97 hit best of best 따라다니는 톱버튼 (파이어폭스,익스지원) title: [ani]깜빡이는 표정빽짱구 2006-03-30 29 12901
96 hit best of best 아이프레임 크기 자동조절 [1] title: [ani]깜빡이는 표정빽짱구 2006-05-02 28 12024
95 hit 원하는 부분 프린트 하기 [1] title: [ani]깜빡이는 표정빽짱구 2008-01-21   11742
94 hit 팝업창 관련 속성들 title: [ani]깜빡이는 표정빽짱구 2006-02-07 7 11461
93 hit 모바일페이지에서 주소창 자동숨김 title: [ani]깜빡이는 표정빽짱구 2011-01-19   11339
92 hit 팝업 띄우기 (SP2에서도) title: [ani]깜빡이는 표정빽짱구 2005-03-08 9 11288
91 hit best of best 자동으로 년도,월,일,요일,시간 나오게 하기 title: [ani]깜빡이는 표정빽짱구 2006-03-28 22 10948
90 hit 새창 띄우는 스크립트 [2] title: [ani]깜빡이는 표정빽짱구 2005-08-23 13 10520