묻고답하기
iframe resize
2015.03.19 19:33
문서페이지에 iframe을 넣어서 서버내에 있는 xml 페이지를 로드해왔습니다.
외부페이지에서 로딩하려고 해도 xml파일이라 문법오류가 나더군요.
어쨋든 iframe에서 불러온 페이지가 안에 버튼에 따라 화면이 커졌다 작아졌다하는 페이지입니다.
크기가 가변이라 iframe내에서도 스크롤바가 생기더군요.
그래서 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>
이게 스크립트입니다.
댓글 1
-
IOZ
2015.03.19 20:53
이벤트 리스너로 하는 방법이 있든데... 잘 작동했던걸로 기억해요. event listener 라고 키워드 넣어서 영문으로 구글링해보세요...