내용에 따라 동적으로 iframe의 크기를 조절하십시오.

Question

iframe의 크기를 줄이거 나 늘릴 수있는 빠른 javascript 솔루션을 알고 싶습니다. 스크롤 막대가 필요 없도록 내용을 기준으로 크기가 커집니다.

프레임 소스는 사용자의 입력에 따라 변경되며, iframe에 따라 크기를 조정하고 싶습니다.

내가 가지고있는 iframe이 코드는 다음과 같습니다

<iframe id="edit_add_configuration" src="<?php echo site_url();?>"> 
     browser does not support this 
</iframe> 

Answer 1

은 높이와 너비를 가져옵니다.

var height = document.getElementById("edit_add_configuration").contentWindow.document.body.scrollHeight; 
var width = document.getElementById("edit_add_configuration").contentWindow.document.body.scrollWidth; 

iframe의 크기를 조정하십시오.

document.getElementById("edit_add_configuration").style.height=height+"px"; 
document.getElementById("edit_add_configuration").style.width=width+"px";