iframe 높이 자동조절 스크립트
<script language='javascript'>
<!--
function changeHeight() {
//아이프레임 안쪽 페이지 높이를 먼저구하신후
var the_height=document.getElementById('content').contentWindow.document.body.scrollHeight;
// 아이프레임 높이를 바꿔주시면 됩니다.
document.getElementById('content').height=the_height; }
//-->
</script>
<iframe id='content'
frameborder=0
width=100%
scrolling=no
onLoad="changeHeight();"
src='content.php'>
</iframe>
<!--
function changeHeight() {
//아이프레임 안쪽 페이지 높이를 먼저구하신후
var the_height=document.getElementById('content').contentWindow.document.body.scrollHeight;
// 아이프레임 높이를 바꿔주시면 됩니다.
document.getElementById('content').height=the_height; }
//-->
</script>
<iframe id='content'
frameborder=0
width=100%
scrolling=no
onLoad="changeHeight();"
src='content.php'>
</iframe>
댓글 6개
쉽다zzz
12년 전
감사요~
12년 전
꼭 필요한데 꿀같으 소스네요
10년 전
꼭 해봐야지..^^
9년 전
어떻게 써먹는 팁인지?
http://codepen.io/anon/pen/WreeBV?editors=110
높이가 자동 조절 안 되는 것 같아요.
http://codepen.io/anon/pen/WreeBV?editors=110
높이가 자동 조절 안 되는 것 같아요.
senseme
9년 전
크로스 브라우징때문입니다.
자신의 사용되고있는 서비스에 페이지가 존재해야합니다.
자신의 사용되고있는 서비스에 페이지가 존재해야합니다.
9년 전
원래 화면에 꽉 차게 나와야 하는 거 아닌가요?
index.php 파일에 넣어봐도 위 링크와 동일한 높이로 보이던데요.
index.php 파일에 넣어봐도 위 링크와 동일한 높이로 보이던데요.
게시글 목록
| 번호 | 제목 |
|---|---|
| 11483 | |
| 11481 |
jQuery
깔끔한 탭메뉴 드립니다.
1
|
| 11615 | |
| 11478 | |
| 11477 | |
| 11475 | |
| 11474 |
기타
3단 레이어 소스
|
| 11470 | |
| 11469 |
JavaScript
스크롤바 색깔 바꾸는 스크립트
|
| 11465 | |
| 11464 |
JavaScript
윈도우의 창띄위기 소스입니다.
|
| 11462 |
JavaScript
익스에서 깜박임 글자 구현법
1
|
| 11460 |
JavaScript
자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다
1
|
| 11458 |
JavaScript
새창띄우는 소스입니다.
1
|
| 11455 | |
| 11452 | |
| 11450 | |
| 11443 |
jQuery
제이쿼리를 이용한 펼침메뉴 1차입니다.
6
|
| 11438 | |
| 11435 |
PHP
메쏘드 static 선언
2
|
| 11433 |
JavaScript
마우스 오버시 이미지 바꾸기
1
|
| 11432 |
JavaScript
일정시간후 스크립트 실행
|
| 11430 |
정규표현식
구글 로봇 접근막기!
1
|
| 11428 |
PHP
시리얼번호생성기
1
|
| 20678 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기