XE 게시판 iframe 넣는방법
매의눈입니다.
오늘은 XE(Xpress Engine) 게시판을 iframe으로 넣는 방법에 대해 알려드릴까 합니다.
<iframe src="게시판주소" frameborder="0" scolling="no" width="100%" height="500"></iframe>
주의하셔야 될 점은 스크롤 기능을 no로 하였기에
iframe을 삽입한 부모창 스크롤 기능을 활성화 시켜야되는데요..
그 방법은
head 영역에 (Wordpress는 header.php) 아래 코드를 입력해줍니다.
<script type="text/javascript">
function autoResize(i){(i).contentWindow.document.body.scrollHeight;
(i).height=iframeHeight+20;}
</script>
그리고 위에 삽입한 iframe 주소에서 onload="autoResize(this)" 를 추가해줍니다.
따라서 결과는
<iframe src="게시판주소" frameborder="0" scolling="no" width="100%" height="500" onload="autoResize(this)"></iframe>
이런식으로 되는거죠!
단! xe 모듈이 설치된 경로와 삽입하는 위치에 사이트 설치경로가 같아야합니다!!
예) http://4eye.tistory.com/ 에 게시판 iframe을 넣는거면
<iframe src="http://4eye.tistory.com/xe/board"></iframe>이런식으로 루트경로가 같아야함.
매의눈이었습니다.