웹마스터 팁

  2. Support
  3. 웹마스터 팁

문서에 따른 아이프레임 heigh(높이) 값 자동 조절 (수정본)

2004.07.31 21:38

스토비━ⓒ

예전에 행복한 고니 님이
올려 주신 팁에 문제가 있어 이렇게..수정하여 다시 올립니다.
일단.,.,이렇게 유익한 소스를 올려 주신 고니님께 감사 드립니다.

먼저..소스의 사용 방법에 대해 알려 드리겠습니다.
소스는 아이프레임이 삽입되어 있는 문서에 넣는것이 아니라는걸
알려 드리고 싶습니다..
소스는 아이프레임의 대상이 되는..즉, 아이프레임에 보여지는 문서에
삽입 해야 하는 겁니다.
일단은..
아이프레임의 대상이 되는 문서
<head> 와 </head> 사이에

    <script>

    function resizeFrame(name){
        var oBody = document.body;
        var oFrame = parent.document.all(name);
        var min_height = 320; //iframe의 최소높이(너무 작아지는 걸 막기위함, 픽셀단위, 편집가능)
        var min_width = 465; //iframe의 최소너비
        var i_height = oBody.scrollHeight + (oBody.offsetHeight-oBody.clientHeight);
        var i_width = oBody.scrollWidth + (oBody.offsetWidth-oBody.clientWidth);

        if(i_height < min_height) i_height = min_height;
        if(i_width < min_width) i_width = min_width;
        oFrame.style.height = i_height;
        oFrame.style.width = i_width;

        parent.scrollTo(1,1); //부모문서의 스크롤 위치를 1, 1로 옮긴다.(오감도님이 지적해주셨어요~^^)
    }
    </script>

이 소스를 삽입 합니다..참고로 이 소스에서는 다른 수정이나, 설정 작업은
필요 없습니다.
그냥 이 원본 그대로 삽입 해 주세요..
그런 다음에..
<body> 와 </body> 사이 가장 마지막 줄에

<script>
var oldFn = "";
if(window.onload != null){
oldFn = new String(window.onload); //window.onload의 함수를 문자열로 받는다
oldFn = oldFn.substring(22,oldFn.length-2);
}
window.onload = new Function("resizeFrame('333innerFrame333');" + oldFn); //새함수와 기존의 함수를 추가해서 onload이벤트에 할당
</script>

이 소스를 삽입 해 줍니다.
여기서! '333innerFrame333' 이 부분을 넣고 싶은 이름으로 넣습니다.
그럼 아이프레임 대상 문서에는 모두 소스 작업이 끝난 것입니다.
음..
그런데..한가지 중요한 사실..
아이프레임에 보여질 페이지는 모두 상단의 소스가 삽입되어 있어야 합니다.
모두모두~



그런 다음에..
아이프레임을 넣을 곳에 하단의 소스를 삽입 합니다.

    <iframe src="보여질주소" id="333innerFrame333" name="333innerFrame333"></iframe>

이렇게,,삽입 합니다.
여기서 눈치 채신 분이 있을걸로 아는데요^^;
잘 보면 "333innerFrame333" 가 있죠?^^
"333innerFrame333" <- 이것은 아까 두번째 소스중
window.onload = new Function("resizeFrame('333innerFrame333');" + oldFn);
이 부분의 '333innerFrame333' 와 같은 이름이 써져 있어야 하는 것!!

잘 아시겠죠?

그럼 끝!!
한번 확인 해 보세요~^^;










행복한고니 님의 소스에서 수정 된 소스는
window.onload = new Function("resizeFrame('333innerFrame333'+ ');" + oldFn);
바로 이 부분 입니다.
리사이즈 프레임의 아이디 설정 부분에 '' 가 빠져 있었군요..
행복한고니 님의 게시물 코멘트로 수정본 올려 드리려 했는데..
워낙 오래 된 게시물이라T^T
아무튼..게시물만 낭비한 것 죄송 합니다.

그럼 항상 행복한 하루 되시구요~
더운 여름~ 피서 잘 다녀 오세요..
ㅃㄴㅃㄴ
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
문자열 처리 함수 + 파일 처리 함수 [1] 999 2011.02.22
[생초보팁] 레이아웃 스킨 강좌 사이트 [2] HolyJohn 2010.12.29
추천수와 비추천수를 합친 값을 보여주기 lol €:) 2011.03.11
사진링크가 깨져서 엉망이네요 [1] 김성회 2011.03.11
jQuery 강의 #2. 셀렉터에 스타일을 적용해보자. 서기 2011.03.08
페이지 수정시 팝업창 높이 조절... [1] 브레인630 2011.03.07
이용자가 댓글을 닉네임으로 검색할순 없나요? [2] gc00 2011.03.04
CSS 사용시 익스플로러 버그 해결하기. [3] NineTail 2007.08.28
[확장변수] 게시물을 새창에서 전체화면으로 보기 [2] file 고진감래 2009.10.09
php5 설정(최적화) fsfsdas 2011.02.20
메뉴 클릭시 알림메시지 띄우기 [1] 도라란 2011.02.27
이미지 삽입후 이미지 위에 노란색 박스 사라지게하는 법 [5] dhseo 2008.05.28
웹페이지에 마우스 따라다니는 예쁜 시계를 넣자 [5] gosoo99 2008.04.08
메뉴에서 채팅방 띄우기 용도로 쓰는 스크립트 코아 코스튬 2011.01.30
XE 검색 속도 향상 팁(확장 변수 검색시) [5] 명드래곤 2011.02.26
[권한이 없습니다] 권한에 따른 다른 메시지 출력하기 [10] [1] 반도체맨 2008.10.03
상담/신청 (쓰기만 가능한 게시판) 만들기 [10] mmx900 2008.03.20
디자인 하시는 분에게 ~ 신기한 팁 (from IE) [2] 999 2011.02.23
관리자 아이디로 작성한 비밀글을 특정인이 볼수있도록 해주는 팁 [13] file Dreami 2009.04.03
[중복일수도...] Srl 생성의 비밀???;;? [1] RainDrop+ 2011.02.22
태그 쓰기