iFrame 으로 외부페이지 최적화(autoResizing)[워드프레스 등]

일반적으로 만들어진 홈페이지에 게시판이 갑자기 추가되는 번거로워지는 경우가 생겼다.

그래서 크게 구조 등을 변경하지 않고 아이프레임으로 삽입을 하면 될 거라 생각했는데

<iframe id="iframe-import" src="http://domain.com/external-board" frameborder="0" scolling="no" width="100%" height="900"></iframe>

높이가 고정이다보니 안예쁨.

따라서 아래 코드로 변경(onLoad 부분)

<iframe id="iframe-import" src="http://domain.com/external-board" frameborder="0" scolling="no" width="100%" height="900" onload="autoResize(this)"></iframe>

autoResize 라는 자바스크립트 함수도 추가

<script type="text/javascript">

// iFrame Resizing Funcgtion

function autoResize(i){
    var iframeHeight=
    (i).contentWindow.document.body.scrollHeight;
    (i).height=iframeHeight+20;
}

</script>

끝