iframe 크기에 따라 부모창 div 리사이징

 

 

function frameReSizing(){ //iframe 사이즈 조절
 var height = docList.document.body.scrollHeight;
 docListDiv.style.height = height+50;
}

<div id="docListDiv">

<iframe src="/manager/docTransferList.do" onload="frameReSizing(this)" id="docList"></iframe>

</div>

iframe이 로딩되면 자바스크립트로 연결 될 수 있도록 onload 걸어줌

docList.document.body.scrollHeight;    (iframeName.document.body.scrollHeight)

 라고 해주면 iframe의 스크롤까지 합한 높이가 저장됨

저장된 높이값을 docListDiv.style.height = height+50;    (divName.style.height) 에 대입해 주면

iframe이 로딩되면 div도 높이 조절이 되 스크롤이 사라짐

iframe의 높이 값에 50을 준것은 iframe의 사이즈와 div의 사이즈가 같으면 스크롤이 생기기 때문에 그냥 예의상 줬음 50 ㅋ

한 10 줘도 됨 어차피 뭔짓을 하던 iframe이 로딩되면 div도 따라 동적인 값이 넘어가니까