웹마스터 팁
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)
제로보드에서 뭔가 설정을 다시 잡아줘야하는 부분도 있나요?
제목 | 글쓴이 | 날짜 |
---|---|---|
도깨비불을 아시나요 [5] | 세벌사랑 | 2002.07.30 |
^^ 공포의 숫자맞추기 ^^ [17] | BULGOM | 2002.07.30 |
[Siren]타이틀 글씨가 움직인다! (상태바아님) [4] | 세이렌 | 2002.07.31 |
아이프레임을 내용에 따라 크기(폭,높이) 바꿔주는 스크립트
[9]
![]() | 민이 | 2002.08.01 |
링크에 포커스 없애기 II [6] | steelheart | 2002.08.02 |
iFrame 문서크기에 맞게.. 초간단.. [10] | 정명주 | 2002.08.02 |
ZipShin이 사용하는 한링크에 두프레임 움직이기..^^ [14] | ZipShin | 2002.08.03 |
허접 자바 스크립트 -1- [6] | 홍윤식 | 2002.07.27 |
허접 자바 스크립트 강의 - 2 - [13] | 홍윤식 | 2002.07.29 |
허접 자바스크립트 강의 - 3 - [6] | 홍윤식 | 2002.07.31 |
개판 오분전 칼라팔레트
[5]
![]() | 미친개 | 2002.08.08 |
허접 자바스크립트강의 - 4 - [8] | 홍윤식 | 2002.08.10 |
요일마다 지정된 태그 나타나게 하기
[1]
![]() | Eccen | 2002.08.13 |
랜덤으로 배경음악 지정하기. [5] | ZipShin | 2002.08.13 |
랜덤으로 바뀌는 배경이미지 [11] | ZipShin | 2002.08.13 |
[로그인] 자바스크립트로 여러개 로그인하기 [10] | ZipShin | 2002.08.13 |
개판 오분전 브레인 써바이벌 [19] | 미친개 | 2002.08.14 |
★랜덤으로 음악 재생하기★ [23] | 뽀유♡ | 2002.08.16 |
NZEO의 좌측 이동메뉴를 구현해 보자. (이동 On/Off 기능 포함) [43] | steelheart | 2002.08.20 |
원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] | ▩윤미 | 2002.08.20 |