웹마스터 팁
제로보드에서 iframe 높이 자동(유동적)조절(파폭,IE, 오페라,사파리,IETester)
2010.09.17 21:07
먼저 테스트 페이지
http://www.hhgyu.wo.tc/test/iframe/index.html
관리자 페이지 -> 서비스 관리 -> 게시판
적용할 게시판을 선택 후 설정을 선택합니다. 팝업 창이 뜨면 밑으로 쭉내려서 하단 내용에 밑에 소스를 추가합니다. ※참고 1. 위에 팝업창에 위에 보시면 알겠지만 레이아웃 설정과,분류?? 쪽이 초기화 됩니다. 2. 페이지와 외부 페이지도 비슷한 설정이 있을 것입니다. 3. 외부 페이지일 경우 파일을 집적 수정 하셔도 됩니다.(이때 마지막 줄에 추가 해주세요)
그다음 등록을 클릭 합니다.
작업을 하나 더 해야 하는데 iframe가 있는 페이지를 수정합니다.
이런식으로 하면 됩니다.
관리자 페이지 -> 서비스 관리 -> 게시판
적용할 게시판을 선택 후 설정을 선택합니다. 팝업 창이 뜨면 밑으로 쭉내려서 하단 내용에 밑에 소스를 추가합니다. ※참고 1. 위에 팝업창에 위에 보시면 알겠지만 레이아웃 설정과,분류?? 쪽이 초기화 됩니다. 2. 페이지와 외부 페이지도 비슷한 설정이 있을 것입니다. 3. 외부 페이지일 경우 파일을 집적 수정 하셔도 됩니다.(이때 마지막 줄에 추가 해주세요)
<script type="text/javascript">
function init(){
if(document.body.offsetHeight == 0){
pageheight = document.body.offsetHeight;
parent.document.getElementById("contentFrame").height = (pageheight+40)+"px";
} else {
pageheight = document.body.offsetHeight;
parent.document.getElementById("contentFrame").height = (pageheight+40)+"px";
}
}
window.onload = function(){
init();
}
</script>
그다음 등록을 클릭 합니다.
작업을 하나 더 해야 하는데 iframe가 있는 페이지를 수정합니다.
<iframe src="주소" id="contentFrame" name="contentFrame" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%"> </iframe>
이런식으로 하면 됩니다.
댓글 11
-
크으은바다
2010.09.18 19:52
저는 페이지로 해봤는데요... 잘 안되네요... ㅠ.ㅠ아이프레임의 주소부분이 다른 사이트 파일이면 혹시 안되나요?그 밖에 다른부분은 제대로 잘 한것 같거든요...id, name 부분도 제대로 했구요... -
hhgyu
2010.09.19 03:34
사이트주소를 알려주세요
확인이 안되서 ㅋㅋ -
크으은바다
2010.09.20 08:52
-
hhgyu
2010.09.20 09:51
이미 init가 있네요function init(){ var doc = document.getElementById("infodoc"); doc.style.top=0; doc.style.left=0; if(doc.offsetHeight == 0){ } else { pageheight = doc.offsetHeight; pagewidth = doc.offsetWidth; parent.frames["open_read_iframe"].resizeTo(pagewidth,pageheight); } }
위에 소스를 찾아 밑에 처럼 변경해주세요function init(){ if(document.body.offsetHeight == 0){ pageheight = document.body.offsetHeight; parent.document.getElementById("open_read_iframe").height = (pageheight+40)+"px"; } else { pageheight = document.body.offsetHeight; parent.document.getElementById("open_read_iframe").height = (pageheight+40)+"px"; } } -
크으은바다
2010.09.20 10:16
hhgyu님... 죄송하지만 한가지만 더 질문드릴께요...지금 iframe 에서 불러들이는 파일이 다른 도메인의 다른분의 파일을 허락받고 링크 받는거라제가 수정이 불가능 하거든요...이런 상황에서 위의 소스수정 방법 말고 다른방법은 없을까요?
예를들어 init() 이름을 다른 이름으로 한다던지??..init란 함수명은 다른이름으로 변경하면 안될까 싶기도 한데.. -
크으은바다
2010.09.20 10:25
hhgyu님 이렇게 해 보았지만 안되네요... 혹시 아래 소스에서 잘못된 부분이 있나요?init() 부분을 init2()로 바꾸어 보았습니다.
<script type="text/javascript">
function init2(){ if(document.body.offsetHeight == 0){ pageheight = document.body.offsetHeight; parent.document.getElementById("contentFrame").height = (pageheight+40)+"px"; } else { pageheight = document.body.offsetHeight; parent.document.getElementById("contentFrame").height = (pageheight+40)+"px"; }}window.onload = function(){ init2();}</script>
크으은바다
2010.09.20 10:26
그리고 id 와 name 부분도 contentFrame 로 수정했습니다.
hhgyu
2010.09.20 10:42
http://bible4u.pe.kr/zbxe/?mid=open_read&ver=korean_krv&b_num=1&t_size=11&now_day=9-20&t_color=669900
위 링크 안에 이게 들어가야 하는데
<script type="text/javascript">
function init2(){ if(document.body.offsetHeight == 0){ pageheight = document.body.offsetHeight; parent.document.getElementById("contentFrame").height = (pageheight+40)+"px"; } else { pageheight = document.body.offsetHeight; parent.document.getElementById("contentFrame").height = (pageheight+40)+"px"; }}window.onload = function(){ init2();}</script>
....
위 링크 안에 이게 들어가야 하는데
<script type="text/javascript">
function init2(){ if(document.body.offsetHeight == 0){ pageheight = document.body.offsetHeight; parent.document.getElementById("contentFrame").height = (pageheight+40)+"px"; } else { pageheight = document.body.offsetHeight; parent.document.getElementById("contentFrame").height = (pageheight+40)+"px"; }}window.onload = function(){ init2();}</script>
....
gelmano
2010.09.20 16:43
저도 페이지에 넣고 하는데 윗분들이랑 같은 현상으로 짤리는데 어케 방법이 없을까요.. 아이프레임에 들어갈 링크사이트는 수정이 불가한 상태인데..고수님들 갈쳐주세요..
SeoSeungHyun
2010.10.05 10:04
좋은 정보에 감사드립니다.
iframe 말고도 div에서도 적용이 가능하겠네요.
이 문제로 꽤 애를 먹고 있었는데, 감사합니다.^^
줄리그랜트
2017.11.29 17:36
고민하고 애를 태우고 있었는데
한방에 해결. 감사합니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 폴더에 올린 mp3를 자동으로 podcast로 만들어주는 소스... ^^ [2] | 하얀마법 | 2010.09.11 |
| 아무 에러 없이 로그인이 되지 않을 시 해결법 [1] | SMaker | 2010.09.13 |
| 새로운 회원가입 형식 - 이게 팁이 될 줄 모르겠네요. ^^ [20] | SeoSeungHyun | 2010.09.15 |
레이아웃설정에 언어팩추가하기
[8]
 | 팔공산 | 2010.09.16 |
| 로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] | 롤리^^ | 2010.09.16 |
|
제로보드에서 iframe 높이 자동(유동적)조절(파폭,IE, 오페라,사파리,IETester)
[11]
| hhgyu | 2010.09.17 |
| IE9 작업표시줄 웹 어플리케이션 속성 만들기 [1] | SeoSeungHyun | 2010.09.17 |
| IE6~8에서 CSS3속성 사용하기 [1] | SeoSeungHyun | 2010.10.01 |
| PHP 5.3.X 버전 사용자들 중 XE 최신버전의 위젯 생성, 텍스타일 등에서의 에러날 때... | 비나무 | 2010.10.03 |
| 큰 사이즈의 이미지 업로드시 섬네일 생성이 안되어 오류 발생하는 문제 예방법 | 도라란 | 2010.10.05 |
| 나눔고딕 웹폰트가 아닌 API로 적용하여 사용해보자!! [10] | 으아악. | 2010.10.07 |
|
카페24 외부페이지로 트래픽 확인하기
[1]
| teryboy | 2010.10.09 |
| IE6부터 IE9까지 대응하기. [7] | 정찬명 | 2010.10.13 |
| 플래시를 이용한 최근게시물 구현 [6] | 한그림 | 2010.10.13 |
|
페이지 설정, 꼭 이렇게 해두세요
[10]
| 老姜君 | 2010.10.14 |
|
에디터에 웹폰트를 추가하여 사용하기
[3]
| 하얌이 | 2010.10.18 |
| 큐브리드로 변환후 인덱스 재생성 [1] | 카르마 | 2010.10.22 |
| Mysql에서 큐브리드로 데이터이전 [3] | 카르마 | 2010.10.23 |
| DB 용량 확보하기 [6] | 소렌트. | 2010.10.26 |
|
비밀번호 찾기 기능 조심하세요
[4]
| 老姜君 | 2010.10.28 |