아이프레임 이용한 게시판 height관련질문입니다..살랴주세여...
본문
자바 고수님들 문제해결좀 부탁드립니다....
아이프레임을 이용해 게시판을 설치 했습니다.
게시판을 불러오는데까지는 문제가 없습니다.
게시판에 등록된 글이 길 경우 아이프레임도 자동으로 height가 조절되는 거까지 성공했습니다
문제는 여기서부턴데요.
글을 보고 게시판의 '목록'을 누르면 창 height가 목록에 맡게 줄어들지 않아요..
게시글을 본 그 height 그길이대로 목록이 나타납니다..
크롬/ie모두 그러네요..
뭐가 문제인지 알 수 있을까요?
꼭 부탁드립니다.
아래는 소스입니다. 문제가 무얼까요??
<script language="JavaScript">
function resizeHeight(fr) {
var frbody = fr.contentWindow.document.body;
fr.style.height = frbody.scrollHeight + ( frbody.offsetHeight - frbody.clientHeight );
}
// IFrame script Ver 1.0
//여러개의 IFrame는 다음과 같이 사용합니다.
// 예 : ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["iframe"]
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0
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)
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight)
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe)
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="iframe" name="iframe" src="주소" width="100%" id="iframe" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" vspace="0" onload="resizeHeight(this)"></iframe>
답변 2
<SCRIPT type=text/javascript>
// IFrame script Ver 1.0
// IFrame script Ver 1.0
//여러개의 IFrame는 다음과 같이 사용합니다.
// 예 : ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["after"]
var iframehide="yes"
// 예 : ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["after"]
var iframehide="yes"
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0
function resizeCaller() {
var dyniframe=new Array()
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++) {
if (document.getElementById)
resizeIframe(iframeids[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"
}
}
}
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}
function resizeIframe(frameid) {
var currentfr=document.getElementById(frameid)
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight)
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight)
currentfr.height = currentfr.Document.body.scrollHeight;
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight)
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe)
currentfr.attachEvent("onload", readjustIframe)
}
}
}
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe)
currentfr.attachEvent("onload", readjustIframe)
}
}
}
function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}
resizeIframe(iframeroot.id);
}
function loadintoIframe(iframeid, url) {
if (document.getElementById)
document.getElementById(iframeid).src=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>
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller
</SCRIPT>
제가 사용하는 스크립트 입니다.
저랑 같은 소스 사용중이신데..........
저렇게 하는데 크롬에서 창이 늘어나면 다시 줄지 않아요..
혹시 창이 줄어드시나요???
감싸는 div 이나 테이블 있으신지 ..
전 문제 없는거 같은데요^^
div를 두개 감싸고 있었는데..
div를 제거해도 마찬가지네요 ㅠㅠㅠ
</div>
</div>
</div>
</div>
<iframe id="iframe" name="iframe" src="주소" width="100%" id="iframe" frameborder="0" scrolling="no"></iframe>
<div id="testimonials" class="pa....
대충 이런식입니다..뭔가 문제가 있나요?ㅠ
제발 도와주세요 엉엉 ㅠㅠ
<iframe id="after" width=100% name='' src="/bbs2/board.php?bo_table=bod0201" frameborder="no" scrolling="no"></iframe>
이거와 동일하게 해보세요 님 소스 id 가 중복되는데..
아이디 중복 빼고
div버리고
님이 주신 그대로 해도 마찬가지네요...ㅠ
저도 문제없는걸로나오는데..ㅠ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
선언 되어 있죠 ? ^^;;;
아이프레임 사용중인 사이트 입니다.
잘 되는데 ..
네 지금까지 님이 알려주신 모든 방법을 다 해보았으나 안되네요..
왜 저만 안될까요...에휴..돌겠습니다..ㅠㅠ
알려주신 사이트 요소보기 해보니 아이프레임을 php파일로 따로 두셨던데
혹시 그것과 관련해 문제가 있을 수도 있나요?
전 따로 php파일 없이 소스코드 창에 <script>로 그냥 괄호 열어 입력해두었는데..
제이쿼리 1.7.2버전 설치되어있으시던데
그것도 혹시 문제가 될 수 있나요?
답변을 작성하시기 전에 로그인 해주세요.
