문서페이지에 iframe을 넣어서 서버내에 있는 xml 페이지를 로드해왔습니다.

외부페이지에서 로딩하려고 해도 xml파일이라 문법오류가 나더군요.

어쨋든 iframe에서 불러온 페이지가 안에 버튼에 따라 화면이 커졌다 작아졌다하는 페이지입니다.

크기가 가변이라 iframe내에서도 스크롤바가 생기더군요.

body 안에 또 body(content내용) 가 있어서 그런가 싶기도하고 .... 어떠게 해야할지 모르겠습니다.

그래서 scrolling=no로 설정해놓고 

검색하여 iframe 리사이징 스크립트를 수십개 찾아서 적용해봤는데요.

문서페이지가 열릴때만 사이즈가 가변으로 측정되고 그대로입니다.

버튼을 누르면 실시간으로 문서페이지가 커졌다 작아졌다 하는 페이지인데

iframe내부 문서가 커지면 커진만큼 짤려버리네요.

질문을 꾸준히 계속 올리지만 아직도 해답을 못찾은상태입니다 일주일째해메고 있습니다.

제발 도와주십시오.

 

<div id=contents>

$content

</div>

에서 div에서 스크립트를 호출하고 별짓을 해도 안되더군요......

 

<iframe src="http://61.x.x.x/happyteam/styleguide.xml" id="contentIframe" onload="resizeHeight('contentIframe');" scrolling="no" width="100%" frameborder="0"> </iframe>

이게 문서페이지의 내용이며

<script language="JavaScript">
 function resizeHeight(id) { 
var the_height = document.getElementById(id).contentWindow.document.body.scrollHeight; document.getElementById(id).height = the_height + 30;
 } </script>

이게 스크립트입니다.