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