묻고답하기
외부페이지내 아이프레임 본문 사이즈
2009.10.28 12:22
외부페이지에 아이프레임으로 문서를 불러 올때 해당 아이프레임의 내용에 따른 본문 스크롤 사이즈 조정이 가능한팁을 알고 계신분 조언좀 부탁드립니다.
댓글 2
-
lattente
2009.10.28 12:43
-
똑디
2009.10.28 14:50
답변 감사합니다. 해당 스크립트를 레이아웃 헤드스크립트에 넣고 적용시켜보면 스크립트 오류가 나네요. 접근거부라고... -
과거 지금의 네이버 블로그와 같은 방식으로 iframe 크기 계산해서 하기 수월했는데 doctype이 변하면서 그게 어려워졌죠.
iframe 내의 body나 html에서 자동으로 가져오는게 되었었는데 지금은 id에서 가져와서 처리하는 방식으로 되는 것 같습니다.
저는 이 부분에 대해서 구현을 조금 바꿔봤었는데요.
iframe의 세로사이즈를 구해서 부모창에 스크롤이 생기게 하지않고,
iframe이 창의 가로세로 100%로 만들고 부모 창의 스크롤을 없애버렸습니다.
이렇게 할 경우 부모창의 내용이 스크롤의 영향을 받지 않는 다는 것과, 부모창 내용이 화면보다 세로 길이가 긴 것이 있으면 보여주지 못하는 문제는 있지요.
해당 문제때문이라도 iframe 사이즈를 구해서 처리해야겠다면
iframe에 나올 페이지의 style에서는 html,body {height:100%;} 주시고
<body>
<div id="main">
내용
</div>
</body>
이렇게 감싸신 다음에 부모창에서
document.frames(id).document.getElementById('main').style.height;
이렇게 구하셔서 처리하면 될 것 같습니다.(전에 이렇게도 했었는데 되는거 확인은 했어요;)
-
똑디
2011.01.19 10:24
라르게덴님 답변 주셨네요. 감사드립니다. ^^
이걸 말씀하시는건지 모르겠네요- iframe 본문 내용 사이즈에 따라 height가 변하는 script입니다.
<script type="text/javascript"> var iframeids=["spec"] // iframe 에 사용할 ID 를 지정 해 주세요 var iframehide="yes" function resizeCaller() { var dyniframe=new Array() for (i=0; i<iframeids.length; i++){ if (document.getElementById) resizeIframe(iframeids[i]) if ((document.all || document.getElementById) && iframehide=="no"){ var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]) tempobj.style.display="block" } } } function resizeIframe(frameid){ var currentfr=document.getElementById(frameid) if (currentfr && !window.opera){ currentfr.style.display="block" if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax currentfr.height = currentfr.contentDocument.body.offsetHeight; else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax currentfr.height = currentfr.Document.body.scrollHeight; if (currentfr.addEventListener) currentfr.addEventListener("load", readjustIframe, false) else if (currentfr.attachEvent) currentfr.attachEvent("onload", readjustIframe) } } function readjustIframe(loadevt) { var crossevt=(window.event)? event : loadevt var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement if (iframeroot) resizeIframe(iframeroot.id); } function loadintoIframe(iframeid, url){ if (document.getElementById) document.getElementById(iframeid).src=http://www.xpressengine.com/url } if (window.addEventListener) window.addEventListener("load", resizeCaller, false) else if (window.attachEvent) window.attachEvent("onload", resizeCaller) else window.onload=resizeCaller </script>