자바스크립트 내용에 따라 iframe 크기 자동 조절(자동 조정) - 두번째

동적으로 변경되는 내용을 가진 iframe의 크기를 실시간으로 자동 조정하기(조절하기)

자바스크립트를 이용하여 iframe의 크기를 자동 조절하는 내용을 포스팅한 적이 있습니다.

지금 설명드릴 내용은 지난번 포스팅 한 내용과 조금 다릅니다.

물론, iframe의 크기를 자동으로 조절 또는 조정한다는 내용은 똑같습니다.

계란 후라이

이런 경우가 있습니다.

iframe 내에 게시판을 넣고 싶을 때, iframe내에서 뭔가를 입력받아 iframe에 다시 보여주고 싶은데, iframe 밖의 내용은 리로드(reload)되거나 리플레쉬(refresh) 되지 않기를 바랄때~

지난번 포스팅 한 내용은 페이지의 로딩이 완료된 시점에서 iframe의 크기를 자동으로 변경하여 줍니다. 한번 로딩에 한번만 작동됩니다.

그래서, iframe의 내용이 동적으로 변경되면 스크롤바가 다시 생기되 되는 것이죠.

그래서, 일정 시간 주기로 iframe의 내용의 크기를 체크하여 iframe의 크기를 자동으로 그리고 계속적으로 변경해주는 방법을 써야 할 것 같습니다.

샘플예제

<script>

setInterval("self.resizeTo(650 , document.body.scrollHeight)",500);

</script>

iframe 내에서 보여질 소스에 위 소스를 추가하시면 됩니다.

0.5초 간격으로 내용의 크기를 체크하여 iframe의 크기를 조절(조정)해줍니다.

주의 : 위 소스는 iframe내의 소스에 포함되어야 합니다.