이곳은 ZEROBOARD 4버전 관련 질문/답변 게시판입니다.
![[레벨:1]](http://www.xpressengine.com/modules/point/icons/xe_v3/1.gif "포인트:280point (70%), 레벨:1/30"){kind=icon}
길벗ZB 4 게시판을 <DIV - 에 아이프레임으로 불러왔습니다.
내용이 길면 세로 스크롤 바가 생기는데요. 이를 없애려고 많은 노력을 해 봤지만 안되는 군요.
제가 워낙 실력이 없어서 그냥 적용해보는 수준이라 적용 방법이 틀려서 그럴수도 있습니다.
어찌해야 할지 도움글 좀 부탁드립니다.
번거로우시겠지만 코드 삽입 위치까지 가능하면 자세한 글좀 부탁드립니다.
긴글 읽어 주셔사 감사드립니다. 한해 내내 기쁨 가득 하시길!~~
======== 적용하려는 예제 페이지 내용입니다.===다른 분이 만들거 인수받아서 운영중!===============
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<script language="javascript" src="/flash/iex.js"></script>
</script>
<style type="text/css">
<!--
A:link {color:#0033cc; text-decoration:none}
A:visited {color:#0033cc; text-decoration:none }
A:active {color:#006600; text-decoration:none}
A:hover {color:#ff6600; text-decoration:none}
-->
</style>
<title> 열린광장 일반사진게시판</title>
<meta name="namo_guide" content="v101 v271 h198">
</head>
<body bgcolor="#696969" leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginheight=0>
<table width=100% height='100%' cellspacing=0 cellpadding=0>
<tr>
<td height="900" valign=top width="1004">
<p><img src="bbs-ilban.jpg" width="1002" height="140" border="0" usemap="#ImageMap1"></p>
<div id="layer3" style="width:722px; height:104px; position:absolute; left:280px; top:5px; z-index:1;">
<script>mEmbed('src=menu_2.swf', 'width=750', 'height=110', 'wmode=Transparent');</script>
</div>
<div id="layer1" style="width:974px; height:339px; position:absolute; left:20px; top:130px; z-index:1;">
<p><iframe name="ifr" src=http://slcat.co.kr/... width="974"height="304" frameborder="0" allowTransparency="true"></iframe></p>
</div>
</td>
</tr>
</table>
<map name="ImageMap1">
<area shape="rect" coords="43, 20, 196, 64" href="http://slcat.co.kr/index.htm" target="_parent">
</map></body>
=============== 그동안 알아 본 자바소스 중 2가지 첨부 합니다.=================
------------- 마진 등의 수치에는 따옴표 안쓰는게 맞는지.. 모두 해봤으나 게시판이 안보임!
코드 제일 아래의 --- window.[안내]태그제한으로등록되지않습니다-xxonload=iframe_reset ..
는 오ㅐ들어갔는지 이해가 안되는 군요... --------------^ ^---
<iframe id="iframe_main" src="http://www.aaa.co.kr/~mralien/bbs/zboard.php?id=music" width="686" height=10 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
// 위의 소스 중 src 이후에는 예시와 같이 자신이 실제로 불러오고자 하는 게시판의 주소를 넣어줍니다. 게시판 주소는 게시판관리에서 view를 통해 보면 쉽게 알 수 있겠죠..width 만 적당한 크기로 조정해 주시구요....
2. 제로보드 관리자 화면의 해당 게시판의 [기본설정변경]에서...
[게시판 상단에 출력할 내용] 에
<div align=center> 가 있죠? 이것은 지워버리고 아래 내용을 복사해서 넣어 줍니다.
<div align=center id="page_content" style="position:absolute;left:0;top:0;width:100%">
으로 바꾸어 줍니다.
3. [게시판 하단에 출력할 내용] 의 </div> 만 있는데 역시 지워 버리고 아래의 내용을 복사해서 넣어 줍니다./
</div>
<script language="xxJavaScript1.2">
function iframe_reset(){
dataobj=document.all? document.all.page_content : document.getElementById("page_content")
dataobj.style.top=0
dataobj.style.left=0
pagelength=dataobj.offsetHeight
pagewidth=dataobj.offsetWidth
parent.document.all.iframe_main.height=pagelength
parent.document.all.iframe_main.width=pagewidth
}
window.[안내]태그제한으로등록되지않습니다-xxonload=iframe_reset
</script>
=======================
-------------------------- 이것도 아이프레임 네임을 수정후에 적용해 봤으나 안됩니다.-----
자동크기 조절 아이프레임 | 분류없음2008/12/19 18:25
<script language="JavaScript">
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=
document.getElementById('the_iframe').contentWindow.
document.body.scrollHeight;
//change the height of the iframe
document.getElementById('the_iframe'+
'+
').height=
the_height;
}
//-->
</script>
위 스크립트를 넣어주시고
<iframe width=100% id="the_iframe" "calcHeight();" src="불러올 내용주소" scrolling="NO" frameborder="0" height="0"></iframe>
이런식으로 불러오면 됩니다.
================================
다른 코드도 적용해 봤으나 안되더군요... 적용을 잘 못한것 같은데 적용방법 설명 부탁드립니다....
그냥 아이프레임을 없애고 헤드와 풋으로 나누어서 노프레임으로 구성하여 사용하렵니다....