iframe 써서 노 프레임 효과 내기 > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

iframe 써서 노 프레임 효과 내기 정보

JavaScript iframe 써서 노 프레임 효과 내기

본문

*** 이번 팁은, iframe 의 모든 내용이 모두 로드 된 후 크기를 조정하는 것입니다;; 즉 img 파일이 100개면, 100개 모두 로드 된 후 리 사이즈 되요;;

iframe 에 들어갈 내용에 아래 내용을 추가하세요

*모든 보드 게시판에 적용하시려면 보드 파일에서 head.php 파일 맨 밑에 추가해 주세요..^^

<SCRIPT LANGUAGE='javascript' for='window' event='onload'>
function counting_resize(){
          top.main.document.all.music_album.style.height = document.body.scrollHeight + 20 ;
}
counting_resize();
</script>

여기서 top.main.document.all.music_album.style.height 에서 top은 iframe 을 포함하는 frame 최 상위, 즉 frame 을 나눠주는 페이지를 뜻합니다.;;

그리고 main 은 프레임 이름이죠..그 다음 document.all 은 main 프레임전체를 뜻하고, music_album 이 iframe 이름이에요;;

그 다음 '=' 이후 명령어는 그냥.. iframe 에 들어갈 내용의 길이를 잰다음 거기에 20 픽셀을 더해서 그 페이지를 연 iframe의 크기를 조절하는거죠..^^;;

그러니까 top.main. 은 만약 iframe 을 포함한 페이지가 다른 프레임에 들어있지 않을때는 지워도 되요.

┌─────────────────────────┐
│                    frame 1 name=something                  │
├─────────────────────────┤
│                    frame 2 name="main"                        │
│                                                                          │
│        ┌─────────────────┐        │
│        │    iframe name="music_album"      │        │
│        │                                                  │        │
│        └─────────────────┘        │
│                                                                          │
└─────────────────────────┘

뭐 이렇죠-ㅁ-;; 설명이 제대로 됬는지는..<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
추천
0

댓글 1개

전체 5,397
개발자팁 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT