웹마스터 팁
제로보드에서 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
고민하고 애를 태우고 있었는데
한방에 해결. 감사합니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
| 분류가 있는 게시판에서 전체분류모드로 게시물 클릭시 딜레이 현상 [2] | Sx3 | 2007.08.30 |
| 페이지수정 안되시는 분들께 드리는 팁 [2] | 다케루 | 2007.08.30 |
| 구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...) [2] | kangho | 2007.08.30 |
회원 단축 메뉴 보여주기
 | Simulz | 2007.08.30 |
| (최근글목록) 분류명 표시하기 & 이미지 [7] | Simulz | 2007.08.31 |
| 서버이전하고 마이그레이션하고 경험담 [3] | 팔공산 | 2007.08.31 |
|
(최근글목록) 게시판 이름 출력하기 #2
[12]
| Simulz | 2007.08.31 |
| 관리자 아이디 사용제한 체크하는 어이없는 실수 & 해결 [5] | refree | 2007.09.01 |
| (0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |
| 랜덤 배경 이미지 [7] | Simulz | 2007.09.04 |
| (설문조사) 회원만 설문 조사 하도록 [8] | Simulz | 2007.09.04 |
| 회원에게는 구글 애드센스 보이지 않게 하기 [2] | 스컬리지금어디야 | 2007.09.05 |
| 글이 중간에 짤릴 경우.. | 송암 | 2007.09.06 |
| 확장변수 이용해서 2차 3차 분류 항목 만들기 [3] | VagaBond | 2007.09.08 |
|
(게시판) 목록에 확장 변수를 출력하기
[18]
| Simulz | 2007.09.08 |
| 메인 페이지 링크 www. 주소 표시, 로그인 링크 문제.... [5] | 마덴나 | 2007.09.08 |
| (파일 첨부) 파일명 안보일 때 ... 없애기 [9] | Simulz | 2007.09.10 |
|
랭킹에 순위 넣기! ㅋ~ (꼼수;)
| 다케루 | 2007.09.11 |
| 파일 업로드시에 403에러 발생시 해결방법. [12] | WhiteAT | 2007.09.12 |