웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
아이프레임으로 문서크기 자동조절하기(완벽판)
2004.07.21 13:00
이 글은 다른분이 올리신 방법을 약간 수정 했습니다.
아이프레임 사용시 문서크기를 자동으로 조절하려면 아래 소스를 아이프레임 내의 제일 하단에 넣어 주세요.
<script>
document.body.scrollIntoView(true);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
그리고 아이프레임 소스를 아래와 같이 만들어 주세요.
<iframe id=inner1 src='test.htm' width=600 height=0 frameborder=0 scrolling=no marginwidth=0 marginheight=0 leftmargin=0 topmargin=0></iframe>
문서의 크기에 맞게 조절하기 위해서 iFrame으로 호출될 문서에 스크립트를 썼습니다.
문서가 다 읽히면 그 문서의 길이를 구해 다시 iFrame 의 높이를 조절하는 겁니다.
폭은 width=600 의 값을 조절해 주시면 되겠죠?
document.body.scrollIntoView(true);
현 문서의 맨 마지막으로 이동을 명령합니다. (faile) 라고 해주면 맨 아래로 갑니다.
parent.document.all.inner1.height = document.body.scrollHeight;
inner1 은 iframe 의 id 또는 name 값입니다.
iframe 의 입장에서는 자신을 포함하고 있는 문서가 부모(parent) 가 됩니다.
해석을 하면 부모.문서.모든것중.inner1.높이 에 현재 내 문서(iframe안의 문서)의 스크롤까지 포함한 높이로 바꿔줘라..입니다.
만약 아이프레임 내부에 게시판이 들어간다면 관리자 모드 게시판 환경설정에서 "게시판 하단에 출력할 내용"의 </div>앞에
<script>
document.body.scrollIntoView(true);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
를 넣으시면 됩니다.
또 아이프레임 상태에서 최근게시물을 표시하면 일반적으로 새창으로 게시판만 덜렁뜨는데 이것은 새로운 문서 한장을 만들고 그곳에 최근게시물을 만들어 주시고 링크를 거시면 됩니다.
최근게시물 상단에는 기본 제로 경로 설정이 되어있어야합니다.
또한 링크 타겟을 주시면 완벽하게 두장의 html문서 만으로 홈페이지가 완성됩니다.
음악을 링크 걸 경우에도 초기 페이지가 변경이 안되니 음악이 끊길 염려가 없겠지요?
기존의 노프레임이나 프레임을 나눠 불편한것을 해소시킬수 있을것입니다.
* DeX™님에 의해서 게시물 이동되었습니다 (2004-07-21 14:55)
아이프레임 사용시 문서크기를 자동으로 조절하려면 아래 소스를 아이프레임 내의 제일 하단에 넣어 주세요.
<script>
document.body.scrollIntoView(true);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
그리고 아이프레임 소스를 아래와 같이 만들어 주세요.
<iframe id=inner1 src='test.htm' width=600 height=0 frameborder=0 scrolling=no marginwidth=0 marginheight=0 leftmargin=0 topmargin=0></iframe>
문서의 크기에 맞게 조절하기 위해서 iFrame으로 호출될 문서에 스크립트를 썼습니다.
문서가 다 읽히면 그 문서의 길이를 구해 다시 iFrame 의 높이를 조절하는 겁니다.
폭은 width=600 의 값을 조절해 주시면 되겠죠?
document.body.scrollIntoView(true);
현 문서의 맨 마지막으로 이동을 명령합니다. (faile) 라고 해주면 맨 아래로 갑니다.
parent.document.all.inner1.height = document.body.scrollHeight;
inner1 은 iframe 의 id 또는 name 값입니다.
iframe 의 입장에서는 자신을 포함하고 있는 문서가 부모(parent) 가 됩니다.
해석을 하면 부모.문서.모든것중.inner1.높이 에 현재 내 문서(iframe안의 문서)의 스크롤까지 포함한 높이로 바꿔줘라..입니다.
만약 아이프레임 내부에 게시판이 들어간다면 관리자 모드 게시판 환경설정에서 "게시판 하단에 출력할 내용"의 </div>앞에
<script>
document.body.scrollIntoView(true);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
를 넣으시면 됩니다.
또 아이프레임 상태에서 최근게시물을 표시하면 일반적으로 새창으로 게시판만 덜렁뜨는데 이것은 새로운 문서 한장을 만들고 그곳에 최근게시물을 만들어 주시고 링크를 거시면 됩니다.
최근게시물 상단에는 기본 제로 경로 설정이 되어있어야합니다.
또한 링크 타겟을 주시면 완벽하게 두장의 html문서 만으로 홈페이지가 완성됩니다.
음악을 링크 걸 경우에도 초기 페이지가 변경이 안되니 음악이 끊길 염려가 없겠지요?
기존의 노프레임이나 프레임을 나눠 불편한것을 해소시킬수 있을것입니다.
* DeX™님에 의해서 게시물 이동되었습니다 (2004-07-21 14:55)
댓글 13
-
herbQ
2004.07.21 14:06
다른 방법에 비해 소스가 깔끔하고, 작동도 잘 되네요. -
렌디
2004.07.28 08:46
아이프레임 만들때<iframe id=inner1 src='test.htm' width=600 height=0 frameborder=0 scrolling=no marginwidth=0 marginheight=0 leftmargin=0 topmargin=0></iframe>
에서 src='test.htm'을 본인 게시판 주소로 만들어 주셨나요?
주소를 쓰실때 전체 경로(http://xxx.co.kr/bbs/zboard.php?id=bbs)이런식으로쓰지 마시고 ( /bbs/zboard.php?id=bbs)이런 절대 경로 형태로 주세요 -
권상희
2004.07.28 17:53
이 소스의 아이프레임에 전체경로를 넣어주면 원래 에러가 나는건가요?
앗..전 전체경로를 쓸수밖에 없는데..T^T -
렌디
2004.07.28 20:40
권상희// 전체 계정으로만 사용가능하다는것은 결국 다른계정에서 사용하신다는 말씀이신것 같네요.
그런경우는 찾아보시면 관련 문서가 있을것입니다.
허나 제로보드는 링크계정을 약관위반으로 규정해놓은 상태입니다. -
Dr.j
2004.07.29 17:57
전체경로도 잘 되는데요 -_-;; -
렌디
2004.07.30 12:49
전체경로의 단점은 사이트를 도메인을 찾아 다시 불러오는거죠.
뭐 물론 빠른 서버야 차이를 거의 못느끼지만 느린경우 좀 차이를 느낄수도 있습니다. -
poiuty
2004.08.11 22:19
이상하게도 스크립트 애러가 나는군요. -
렌디
2004.08.13 11:55
poiuty// 어느부분에서 스크립트에러가 나는지요?
여러계정에 테스트 해봤지만 에러는 없었습니다.
문제가 있다면 뭔가 잘못 입력하셨던가 아니면 링크 계정으로 사용하시는것 같네요. -
이은옥
2006.05.26 17:09
음.. 게시판에서 않늘어나요.. ㅠ_ㅠ
게시판 관리 들어가서 소스 넣었는데..
<script>
document.body.scrollIntoView(true);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
</div>
이렇게 넣었는데 안되요.. -
김명실
2006.05.29 15:10
나두안되여;;.-.,- -
ぼのぼの
2006.08.22 18:10
스크립 에러가 나는것은 아마 나모 웹에디터로 미리보기를 하여 그런걸껍니다.
일단 문서에 스크립을 넣고 계정에 올린 뒤 확인해 보세요. -
이니
2006.09.12 18:09
htm 상의 이미지 클릭했더니 서브페이지는 스크롤이 계속 나오는데 이것도 전부 나오게 할라면 어떻게 해야되나요 ㅠㅠ?? -
샤릉해
2009.03.23 00:17
안되네요.
제목 | 글쓴이 | 날짜 |
---|---|---|
셀렉트 메뉴를 통해 갤러리 만들기 | 한현종 | 2004.09.10 |
랜디님의 iframe 크기조절 소스응용-iframe 최저길이 지정하기 [1] | 김수형 | 2004.09.10 |
싸이처럼 테이블 안에서 버튼으로 이동/스크롤 하기 [5] | 제로스 | 2004.09.09 |
이미지 사이즈에 맞게 새창띄우기 [오류보완] 정확하게 안열리는 오류 [11] | beMax | 2004.08.18 |
레이어를 클릭해서 보이거나 사라지게 하기 [3] | †천상의燦† | 2004.08.18 |
Javascipt로 구현한 MD5,MD4,SHA1 [10] | 장종석 | 2004.08.06 |
원하는 아이프레임부분을 리로드하자! [1] | †천상의燦† | 2004.08.02 |
문서에 따른 아이프레임 heigh(높이) 값 자동 조절 (수정본) [3] | 스토비━ⓒ | 2004.07.31 |
아이프레임으로 문서크기 자동조절하기(완벽판) [13] | 렌디 | 2004.07.21 |
웹 문서 암호화 스크립트 [1] | 미친개 | 2004.07.20 |
레이어 5 - 뽀나수 둘 [6] | 미친개 | 2004.07.07 |
레이어 4 - 뽀나수 하나 [1] | 미친개 | 2004.07.07 |
레이어 3 - 메뉴판때기. [1] | 미친개 | 2004.07.04 |
레이어 2 - 뷁뷁뷁뷁뷁봵 [7] | 미친개 | 2004.07.04 |
둥근테이블을 홈피에 짜고싶을때../ [12] | zEn | 2004.06.28 |
[추천] 세로형 배너 슬라이드 [4] | ⓣinⓣin™ | 2004.06.24 |
볼륨값이 얼마나 될까? [5] | PHASE | 2004.06.16 |
[추천] 가로형 배너 슬라이드 [7] | ⓣinⓣin™ | 2004.06.10 |
[StylishJAVA]레이어를 이용한 슬라이드 메뉴 [5] | ∑Ztxy | 2004.06.05 |
지바 애플 아날로그 시계 소스입니다... [4] | 한성민 | 2004.06.02 |