웹마스터 팁

제로보드에서 아이프레임(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 넣을꺼면 메뉴얼이나 정독하고 오라고 하시는데 그런 말씀하시려면 메뉴얼의 어느 부분을 읽어보라고 조언하는게 어떨까 싶더군요.

아무튼 잘 쓰시기 바랍니다.