웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
제로보드에서 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
고민하고 애를 태우고 있었는데
한방에 해결. 감사합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능 [4] | 깜보 | 2003.02.22 |
[iframe:아이프레임] 내용에 맞게 사이즈 조절하기 한번입력으로 끝.[다른방법:중복아닌듯] [45] | beMax | 2004.04.23 |
랜디님의 iframe 크기조절 소스응용-iframe 최저길이 지정하기 [1] | 김수형 | 2004.09.10 |
다른 도메인간 iframe 크기 자동조절(cross domain iframe auto resize) [2] | 서기 | 2008.04.24 |
iframe 깨는 스크립트 입니다. [4] | HB | 2012.09.01 |
iframe 아이프레임 투명처리 | 꿈틀잉 | 2012.10.04 |
iframe 등의 태그 화이트리스트 도메인 확인/추가하기 [1] | Gunmania | 2013.03.27 |
1.7.3 최신버전 특정사이트 iframe(아이프레임) 일반회원 html적용가능하게 하기 [2] | imgXE™ | 2013.05.06 |
SSL 적용시 작은 iframe 없애기
[1]
![]() | explode | 2013.11.28 |
[10원팁] 크롬에서 글 작성시 IFRAME 박스가 생기는 경우 | socialskyo | 2014.01.03 |
IE에서 스크립트 생성 iframe 요소에 name 속성 지정이 무시될 때 | 신평 | 2014.12.08 |