웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
iFrame 문서크기에 맞게.. 초간단..
2002.08.02 23:44
아래에 iframe 에 관한 글이 있어 여러분들과 같이 공유하고자 합니다.
죄송하게도 제가 적당한 계정도 없고 해서 소스만 올립니다. 매우 죄송....m(__)m
대신 성실 설명으로 때우겠습니다.(소스 하단)
iframe 內 문서 최하단에
<script>
document.body.scrollIntoView(false);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
를 추가하심 됩니다.
jsguide.net 질문답변게시판에 어느분이 질문하셔서 제가 올렸던 글을 그대로 올립니다.
-----------------------------------------------------------------
흑.. 앤이 안와여.. 그래서 지금 올립니다
테스트 환경은 ie 5 (빌드넘버 5.00.3315.1000), ie 6 에서 테스트 했습니다.
각각 파일로 만들어 저장하시고 같은 폴더에 넣고 outer.htm 을 띄워보세여..
눈여겨 보실 부분은 iframe 의 id 값
inner.htm
---------------------------------------------------------------
sad;ljas<br><br><br>df<br><br>as<br>sdf<b
r>sdf<br>sf<br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
sdf<br><br>
<br>sdfsadf<br><br><br><br><br>s<br>&l
t;br><br><br>v<br><br>asd<br><br><br&g
t;<br><br><br><br><br><br><br>sdf<b
r><br><br>sdf<br>
<script>
document.body.scrollIntoView(false);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
outer.htm
----------------------------------------------------------------
<iframe id=inner1 src='inner.htm' width=600 height=0 frameborder=0 scrolling=no marginwidth=0 marginheight=0 leftmargin=0 topmargin=0></iframe>
<br>
캬하하하하
만약 된다면 이글이 저 밑에 보이겠네영..
-----------------------------------------------------------------
위의 두 htm 을 저장해서 테스트 해보시면 아시겠지만.. "캬캬캬 만약된다면...." 이글이 상당히 하단에 보일것입니다.
문서의 크기에 맞게 조절하기 위해서 저는 iFrame으로 호출될 문서에 스크립트를 썼습니다.
문서가 다 읽히면 그 문서의 길이를 구해 다시 iFrame 의 높이를 조절하는 겁니다.
폭은 조절이 안됩니다. 보통 폭보다는 높이를 구하고 싶어하시니깐..
document.body.scrollIntoView(false);
현 문서의 맨 마지막으로 이동을 명령합니다. (true) 라고 해주면 맨 위로 갑니다.
parent.document.all.inner1.height = document.body.scrollHeight;
inner1 은 iframe 의 id 또는 name 값입니다.
iframe 의 입장에서는 자신을 포함하고 있는 문서가 부모(parent) 가 됩니다.
그래서 '아이'프레임이라져?? (으흐흐...)
해석을 하면 부모.문서.모든것중.inner1.높이 에 현재 내 문서(iframe안의 문서)의 스크롤까지 포함한 높이로 바꿔줘라..
입니다.
쉽져??
현재 이걸루 게시판 작성중입니다. 나중에 많이 이용해 주세여..
죄송하게도 제가 적당한 계정도 없고 해서 소스만 올립니다. 매우 죄송....m(__)m
대신 성실 설명으로 때우겠습니다.(소스 하단)
iframe 內 문서 최하단에
<script>
document.body.scrollIntoView(false);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
를 추가하심 됩니다.
jsguide.net 질문답변게시판에 어느분이 질문하셔서 제가 올렸던 글을 그대로 올립니다.
-----------------------------------------------------------------
흑.. 앤이 안와여.. 그래서 지금 올립니다
테스트 환경은 ie 5 (빌드넘버 5.00.3315.1000), ie 6 에서 테스트 했습니다.
각각 파일로 만들어 저장하시고 같은 폴더에 넣고 outer.htm 을 띄워보세여..
눈여겨 보실 부분은 iframe 의 id 값
inner.htm
---------------------------------------------------------------
sad;ljas<br><br><br>df<br><br>as<br>sdf<b
r>sdf<br>sf<br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
sdf<br><br>
<br>sdfsadf<br><br><br><br><br>s<br>&l
t;br><br><br>v<br><br>asd<br><br><br&g
t;<br><br><br><br><br><br><br>sdf<b
r><br><br>sdf<br>
<script>
document.body.scrollIntoView(false);
parent.document.all.inner1.height = document.body.scrollHeight;
</script>
outer.htm
----------------------------------------------------------------
<iframe id=inner1 src='inner.htm' width=600 height=0 frameborder=0 scrolling=no marginwidth=0 marginheight=0 leftmargin=0 topmargin=0></iframe>
<br>
캬하하하하
만약 된다면 이글이 저 밑에 보이겠네영..
-----------------------------------------------------------------
위의 두 htm 을 저장해서 테스트 해보시면 아시겠지만.. "캬캬캬 만약된다면...." 이글이 상당히 하단에 보일것입니다.
문서의 크기에 맞게 조절하기 위해서 저는 iFrame으로 호출될 문서에 스크립트를 썼습니다.
문서가 다 읽히면 그 문서의 길이를 구해 다시 iFrame 의 높이를 조절하는 겁니다.
폭은 조절이 안됩니다. 보통 폭보다는 높이를 구하고 싶어하시니깐..
document.body.scrollIntoView(false);
현 문서의 맨 마지막으로 이동을 명령합니다. (true) 라고 해주면 맨 위로 갑니다.
parent.document.all.inner1.height = document.body.scrollHeight;
inner1 은 iframe 의 id 또는 name 값입니다.
iframe 의 입장에서는 자신을 포함하고 있는 문서가 부모(parent) 가 됩니다.
그래서 '아이'프레임이라져?? (으흐흐...)
해석을 하면 부모.문서.모든것중.inner1.높이 에 현재 내 문서(iframe안의 문서)의 스크롤까지 포함한 높이로 바꿔줘라..
입니다.
쉽져??
현재 이걸루 게시판 작성중입니다. 나중에 많이 이용해 주세여..
댓글 10
-
zzangga
2002.08.03 08:36
정말 되는군요....항상 iframe 높이 때문에 몇번이나 수정을 하곤 했는데......thank you!! -
정명주
2002.08.03 10:52
아고 틀린부분이 있네요..
document.body.scrollIntoView(true);
라고 지정해도 젤 위로 가지는 않습니다. <body> 태그를 쓰지 않아서 그런지 모르겠는데
scrollIntoView 의 용도는 책갈피 기능과 유사합니다. 해당 객체의 처음(true) 또는 끝으로 가는 겁니다.
도움이 되셨길.. -
쿠리
2002.08.05 03:11
적당한 계정이 왜 엄스요..
네띠앙두 있구. 드림위즈도 있구. 하나포스도 있고. 하나넷도 있고..신비로도 있고.등등 -
┏fever┓
2002.08.15 19:28
그게 적당한 계정인가--; -
위정
2002.10.05 10:19
딱이야..딱...
이런기능이 있었으면 했는데...딱 찾았네여.
좋은 팁 올려 주셔서 감사합니다.^^
복받으실꺼에여... -
최석기
2002.11.28 16:41
저기 잘 되는대요...스크립트 에러가 나네요...
parent.document.all.inner1.height 는 null이거나 개채가 아닙니다 라고 하는대...
저만 이런건가용? -
+ 안젤로 +
2003.02.13 00:36
맨 위로 가게하는건 parent.scrollTo(0,0); 정도면 되겠어요.
근데 한번 커진 아이프레임이 다시 안작아지는데 -_-;;; 어떻게 해결을;; -
+ 안젤로 +
2003.02.13 02:32
이것도 익스5.0에서 안되는듯?? 테스트 하셨다고 하셨지만;; -
솔안~
2003.04.26 13:00
== 오호.. 훌륭해요.. 이렇게 간단하다니..
"parent.document.all.inner1.height 는 null이거나 개채가 아닙니다"라는 스크립트 에러는
아이프레임 안에 넣지 않고 단독으로 쓸 경우 생깁니다.
parent.document.all.inner1.height = document.body.scrollHeight;
요거 대신에
if(parent.document.all.inner1) parent.document.all.inner1.height = document.body.scrollHeight;
요렇게 하시면 에러 안납니다.
대단히 감사합니다. 잘 쓸게요~ ^^*
(이걸 누가 보기는 하려나...쿠쿠) -
천준호
2004.01.20 15:26
두곳의 홈페이지에 적용해 봤습니다
한곳은 적어주신대로 잘 성공했는데(감사~ ^^*)
'엑세스가 거부되었습니다' 라는 런테임 에러가 발생하는군요..(T_T)
제로보드에서 뭔가 설정을 다시 잡아줘야하는 부분도 있나요?
제목 | 글쓴이 | 날짜 |
---|---|---|
네임서버 설정 [15] | 쇠물택 | 2002.02.24 |
아파치 가상 유저 설정하기 [6] | i- | 2002.02.24 |
전자우편만 사용할수 있는 계정추가하기 [1] | pai | 2002.02.25 |
리눅스서버 : 도메인 가진 사용자 추가하기 (텔넷,FTP,이메일 사용) [5] | pai | 2002.02.27 |
근사모의 APM_steup3설치 법 [5] | 뽀유★ | 2002.03.01 |
아래 pai님 도메인셋팅 강좌 세부파일들 예제 :) [3] | 아르체 | 2002.03.06 |
리눅스 아주 간단한 사용자 계정 주기-_- [7] | i- | 2002.03.12 |
MySQL 사용자 계정주기 [10] | pai | 2002.03.12 |
[mysql을 하자 1] mysql 종료와 재부팅 | 비바람 | 2002.03.13 |
[mysql을 하자 2] (pai님도 하신^^)사용자와 db를 맹글자 [4] | 비바람 | 2002.03.13 |
[mysql을 하자 3] DB서버 원격 사용자,DB 만들어 사용하기 [5] | 비바람 | 2002.03.13 |
Apache2.0.35 + php4.3.0-devel 설치하기;; [15] | Cksoft | 2002.04.08 |
DB 디자인 툴 소개 [2] | 석이 | 2002.04.21 |
개인서버구동시 서버커널 메모리로....(렉생기시는분들 강추) [2] | 홈1004 | 2002.05.03 |
Redhat7.2에서 apache,mysql,php,zend,gd,freetype,giflib,jpeglib,zlib 설치하기 [14] | DeX™ | 2002.05.04 |
[알아서 나쁠것없는 10원짜리 팁!] 수십 수백명사용자의 일괄생성 방법! [6] | 임현 | 2002.05.09 |
Redhat 7.3 나왔습니다. [20] | 야쿠자 | 2002.05.10 |
텔넷에서 다른 계정사용자의 홈디렉토리 접근 막기 [4] | 김영남 | 2002.05.11 |
웹호스팅 서버세팅 쉽게하기 팁[윈도우 메모장 이용] [3] | 김영남 | 2002.05.14 |
가상호스트 i- 님의 강의에 덧붙여서 | 이종렬 | 2002.05.24 |