iframe 사이즈 늘리기(3)

다른 페이지로 이동하였다가 사이즈가 변경되었더라도

다시 사이즈를 조정한다.

 

- ex1.html

<script type="text/javascript">
 function resizeIFrame(name) {  
  var the_height = document.getElementById(name).contentWindow.document.body.scrollHeight;
  document.getElementById(name).height= the_height;
  
 }
 
 function resizeIFrameHeight(name, ifame_height) {
  document.getElementById(name).height= ifame_height;
 }
</script>

 

<iframe  border="0" src="ifPage.html" framespacing="0" width="624" height="150" name="booking" id="booking" noresize scrolling="no" marginwidth=0 marginheight=0 frameborder=0  onload="resizeIFrame('booking');" ></iframe>   

 

 

- ifPage.html

 

function init() {

  var the_height = 0;
  the_height = document.getElementById("page_content").offsetHeight
  parent.frames.resizeIFrameHeight("booking", the_height);

}

[출처] iframe 사이즈 늘리기(3)|작성자 들닢