웹마스터 팁
제로보드에서 아이프레임(iframe) 높이 자동조절(파폭,IE, 모두 작동)
2009.03.17 01:21
제로보드에서 아이프레임(iframe) 컨텐츠의 내용에 따라 높이가 자동으로 조절되게 하는 스크립트입니다.
Firefox 3.0.5, Internet Explorer 6.0 에서 XpressEngine 1.2.0 버전에서 정상작동을 확인하였습니다. 게시판에 들어가든 기타 다른 어느곳에 들어가든 모두 작동합니다.
단 용량이 너무 큰 페이지에는 적용되지 않습니다.
외부페이지로 하시라는 분들 정말 많으신데 php로 짠 페이지들 중에 include로 함수나 변수들을 정의한 페이지가 대다수이고 이것을 일일이 외부페이지로 등록하는건 정말 힘들더군요.
게다가 제가 실력이 부족해서인지 공식 메뉴얼과 올라온 팁을 봐도 include 함수나 변수들 정의해 놓은 파일을 참조시킨 페이지는 적용해보면 참조오류만 수두룩 나와서 고생 많이 했습니다.
그냥 페이지 하나 만들어서 [내용 직접 추가] 버튼으로 html 코드로 위와 같은 iframe 한번만 넣어주면 끝나는 건데 말이죠.
어떤 분은 iframe 넣을꺼면 메뉴얼이나 정독하고 오라고 하시는데 그런 말씀하시려면 메뉴얼의 어느 부분을 읽어보라고 조언하는게 어떨까 싶더군요.
아무튼 잘 쓰시기 바랍니다.
Firefox 3.0.5, Internet Explorer 6.0 에서 XpressEngine 1.2.0 버전에서 정상작동을 확인하였습니다. 게시판에 들어가든 기타 다른 어느곳에 들어가든 모두 작동합니다.
단 용량이 너무 큰 페이지에는 적용되지 않습니다.
<script language="JavaScript">
function resizeHeight(id) {
var the_height = document.getElementById(id).contentWindow.document.body.scrollHeight;
document.getElementById(id).height = the_height + 30;
}
</script>
<iframe src="주소" id="contentIframe" onLoad="resizeHeight('contentIframe');" scrolling="no" width="100%" frameborder="0">
</iframe>
외부페이지로 하시라는 분들 정말 많으신데 php로 짠 페이지들 중에 include로 함수나 변수들을 정의한 페이지가 대다수이고 이것을 일일이 외부페이지로 등록하는건 정말 힘들더군요.
게다가 제가 실력이 부족해서인지 공식 메뉴얼과 올라온 팁을 봐도 include 함수나 변수들 정의해 놓은 파일을 참조시킨 페이지는 적용해보면 참조오류만 수두룩 나와서 고생 많이 했습니다.
그냥 페이지 하나 만들어서 [내용 직접 추가] 버튼으로 html 코드로 위와 같은 iframe 한번만 넣어주면 끝나는 건데 말이죠.
어떤 분은 iframe 넣을꺼면 메뉴얼이나 정독하고 오라고 하시는데 그런 말씀하시려면 메뉴얼의 어느 부분을 읽어보라고 조언하는게 어떨까 싶더군요.
아무튼 잘 쓰시기 바랍니다.
댓글 10
-
그런데 아이프레임을 사용하는 경우 간혹가다 XE의 스크립트 파일과 충돌이 일어나는 경우가 종종 있더군요댓글이 안먹힌다던지 업로드한 파일이 리스트에서 사라진다던지 하는 문제...이런 문제만 없다면 아이프레임으로 처리하는게 나은 경우도 많습니다 ^^
-
자꾸땀흘러
2009.03.18 11:32
페이지에서만 유효한가요?
게시판에서 html로 해서 해보니깐 높이 조절이 안되는데 게시판도 가능하게 할려면 어떻게 해야할까요? -
HaruKaze
2009.03.26 23:38
이 코드로 한번 해보세요<body onload="resizeFrame(document.getElementById('childframe'))"> <script type="text/javascript"> function resizeFrame(f) { f.style.height = f.contentWindow.document.body.scrollHeight + "px"; } </script> <iframe src="주소" width="100%" frameborder=0 border=0 scrolling="no" name="childframe" id="childframe"> </iframe> </body> -
여누이모
2009.10.01 16:16
너무 감사해서 눈물이 날 지경입니다. 일주일 내내 고생하다가
이소스 저소스 다 해봤는데.....
script랑 iframe 소스랑 다른 파일에 각각 넣어서 그른가 봅니다.
이렇게 한파일에 넣는 거라고 그림으로 알려주시니 고마울 따름이...
근데 body에 저 스크립트를 깜박잊고 빼고 안넣었는데
되네요....
이야....완전 감솨아...
-
노란공룡
2009.08.03 09:57
iframe으로 파폭에서도 리사이즈 잘되게 하기 위해 여기 저치 찾다가
위의 코드로 간단히 해결했네요... 감사 합니다.
위 글 잊지 않기 위해 제 개인 페이지에 링크 걸어 둘께요.... ^^
-
안젤라
2009.10.04 04:37
아 저도 너무 감사해요..오늘 이 문제때문에 몇주동안 일한것을 다시 처음부터 해야하나 하고 무지 고민했는데..
깨끗하게 잘나와요..감사요^^
-
스티브
2009.11.08 10:09
목록은 높이가 자동으로 되는데 글 내용을 클릭해서 보면 높이가 자동으로 변하지가 않내요.
위에 두개 코드 둘다 해봤는데요. IE firefox 둘다 증상이 같아요
-
언약
2010.01.14 14:22
계정이 다른 곳의 게시판에도 적용이 되나요?
저는 안되던데..
며칠째 삽질중 ! 계정이 다른 곳의 게시판도 성공하신분 답변 좀 달아주세요
-
cityandme
2010.02.27 21:02
감사합니다. 제로보드4에서 잘 적용되었어요^^
-
999
2010.04.30 23:09
xe 에선 안되네요 ㅜ_ㅡ
