묻고답하기
아이프레임 높이 자동 설정방법
2009.07.22 09:30
최대한 질문을 안드리고 검색의 생활화로 검색하고 적용하고 안돼면 다른방법을 찾고 하는 편인데..
이번것은 꼭! 질문을 드려야 할것 같고 직접 내용을 올려야 할것 같아서요..^^
다름이 아니고 제가 사회인 야구 활동을 하면서 제로xe로 홈페이지를 구성하고 있는데...내년 대비하여 만들고 있습니다.
여기서 기록관련하여 아이프레임 으로 불려들어 기록실을 보고 있는데...현재 제로xe에서 나와 있는 아이프레임 방법을
모두다 써봐도 설정이 되지 않습니다...스크립트로 설정하고 아이프레임으로 본문에 삽입하여 불려 들어도 안돼고
몇가지 방법이 있어서 모두다 검색해서 써봐도 안돼는 군요..ㅠㅠ
혹시 현재 아이프레임으로 높이 자동으로 조절하여 쓰고 계시는 분이 있으시면 댓글을 꼭! 부탁드립니다.
부탁드립니다...
댓글 6
-
글쓴이
2009.07.22 09:46
-
산적킬러
2009.07.22 10:29
관리자 페이지 헤더 부분( 스크립트 삽입)에 넣는것 맞는지요? 그리고 아이프레임은 페이지에 삽입을 했구요..외부페이지도 동일한 현상이 발생을 하더라구요.....그리고 사이트는 http://songmany1.cafe24.com/xe
-
글쓴이
2009.07.22 10:46
아이프레임을 넣은 페이지의 헤더 에다가 넣어주세요 -
글쓴이
2009.07.22 10:49
ㄴ 위의 댓글은 신경 쓰지 말아주세요.^^
-
글쓴이
2009.07.22 10:57
페이지에서 상자 위젯 안에다가 html 작성으로 iframe 만 넣어주시고,
상자 위젯을 아래로 적당한 만큼 늘려 놓으면 되지 않을까요?
-
산적킬러
2009.07.22 11:45
아~고 답변 정말 감사드립니다....하지만 잘 안돼네여...글쓴이님의 방법으로는 작동이 안됍니다...
어쨋든 답변은 정말 감사드립니다..계속적으로 방법을 강구 해봐야 겠네요,,,
<script type="text/javascript">
/***********************************************
* IFrame SSI script II- ⓒ Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["main"]
//Should script hide iframe from browsers that don'+ 't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers
function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
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+FFextraHeight;
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.detachEvent("onload", readjustIframe) // Bug fix line
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=url
}
if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
</script>
================================================================================
위에 껄 헤드 아래 넣어주시고
<iframe id="main" name="main" src=http://자신의 URL" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:visible; width:100% ; display:none"></iframe>
이걸 넣어주세요.
한페이지에 여러개의 게시판을 넣어서 적용 시키시고 싶으시다면,
해더 아래 들어가는 곳에 id 를 더 추가 시켜주고, 아이프레임 id와 네임을 맞게 써주세요.