반갑습니다~ ./tap.php 파일을 불러오면 "1"이란 글짜가 찍혀 나와요 ^^;; 어딘지 찾기가 힘들어서요
평소~ 그누보드를 이용해서 이것저것 응용해 보는데 ^^
많은 개발자 님들과 여러 회원님의 주옥같은 코드를 많이 보고 도움을 받고있습니다
이번에 제가 탭을 하나 수정했는데 왜 자꾸 숫자 "1"이 찍혀 나오는지 모르겠어요 ^^
===============소스===============
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$slide_tab_width = 368; // 가로크기
$slide_tab_height = 126; // 메뉴부분을 제외한 내용부분 세로크기
?>
<script type="text/javascript">
function selecttab(TabId)
{
if (document.getElementById(TabId).style.display == 'block')
return true;
else return false;
}
</script>
<style type="text/css">
div { font-family:Dotum; font-size:17px; }
.br1cc { border-right:1px solid #d6d6d6; }
.bt1cc { border-top:3px solid #d6d6d6; }
.bl1cc { border-left:1px solid #d6d6d6; }
.bb1cc { border-bottom:1px solid #d6d6d6; }
.bb1f5 { border-bottom:1px solid #ffffff; }
.slide-tab { border:1px solid #d6d6d6; overflow-x:hidden; position:relative; margin:0 auto; width:<?php echo $slide_tab_width?>px; z-index:10; }
.slide-tab-line { height:26px; position:relative; width:<?php echo $slide_tab_width?>px; z-index:10; }
#slide-tab-menu
{
clear:both;
font-family:나눔고딕;
font-size:15px;
letter-spacing:-1px;
position:absolute;
white-space:nowrap;
z-index:20;
}
#slide-tab-menu a { display:inline-block; height:26px; line-height:26px; padding:0 16px 0 16px; margin:0; }
#slide-tab-menu a.select {background-color:#ffffff; color:#2F4F4F; font-weight:bold; text-decoration:underline; }
#slide-tab-menu a.noselect { }
#slide-tab-content { background-color:#ffffff; clear:both; height:<?php echo $slide_tab_height?>px; }
#slide-tab-content div { display:none; height:100%; width:100%; }
</style>
<div class="slide-tab">
<div id="slide-tab-menu">
<a href="http://wdrch.com/bbs/board.php?bo_table=B32" onclick="return selecttab(1)" class='select bb1f5'>드림주보</a>
<a href="http://wdrch.com/bbs/board.php?bo_table=B16" onclick="return selecttab(2)" class='noselect bl1cc'>드림소식</a>
<a href="http://wdrch.com/bbs/board.php?bo_table=B19" onclick="return selecttab(3)" class='noselect bl1cc'>자유게시판</a>
<a href="http://wdrch.com/bbs/board.php?bo_table=B28" onclick="return selecttab(4)" class='noselect bl1cc'>드림나눔터</a></div>
<div class="slide-tab-line bb1cc"></div>
</div>
<div id="slide-tab-content">
<div id="1" style="display:block;"><?=mw_latest("basic6_naver", 'B32', 8, 30)?></div>
<div id="2"><?=mw_latest("basic6_naver", 'B16', 8, 30)?></div>
<div id="3"><?=mw_latest("basic6_naver", 'B19', 8, 30)?></div>
<div id="4"><?=mw_latest("basic6_naver", 'B28', 8, 30)?></div>
<script type="text/javascript">
var tabs = document.getElementById("slide-tab-menu");
window.onload = function()
{
tabs.func_onclick = function(e)
{
var e = e || window.event;
var target = e.srcElement || e.target;
if (target.nodeName.toUpperCase() == "A")
{
target.blur();
if (target == this.target)
return;
if (this.target_obj != null)
this.target_obj.className = "";
this.target_obj = target;
var childs = this.children;
for (var i=0; i<childs.length; i++)
{
if (childs[0] == childs[i])
{
if (target == childs[i])
childs[i].className = "select bb1f5";
else
childs[i].className = "noselect";
}
else if (childs[childs.length] == childs[i])
{
if (target == childs[i])
childs[i].className = "select bb1f5";
else
childs[i].className = "noselect";
}
else
{
if (target == childs[i])
{
childs[i-1].className = "noselect bl1cc br1cc";
childs[i].className = "select bb1f5";
}
else
childs[i].className = "noselect bl1cc";
}
document.getElementById("slide-tab-content").children[i].style.display = target == childs[i] ? "block" : "none";
}
}
};
tabs.func_get_position = function(obj)
{
var tmp_obj = obj;
var result = {width : 0, height : 0, left : 0, top : 0};
while (tmp_obj.offsetParent)
{
if (result.width == 0) result.width = tmp_obj.offsetWidth;
if (result.height == 0) result.height = tmp_obj.offsetHeight;
result.left += tmp_obj.offsetLeft;
result.top += tmp_obj.offsetTop;
tmp_obj = tmp_obj.offsetParent;
}
return result;
};
tabs.func_slide = function()
{
tabs.left -= (tabs.left - tabs.targetLeft) * 0.1;
tabs.style.left = -tabs.left + "px";
if (Math.round(tabs.left) == tabs.targetLeft)
return;
tabs.move_timeout = setTimeout(tabs.func_slide, 1);
};
tabs.onclick = tabs.func_onclick;
window.onresize = function() { tabs.position = tabs.func_get_position(tabs); };
tabs.onmousemove = function(e)
{
var e = e || window.event;
this.percent = ((e.clientX - this.position.left) / tabs.parentNode.offsetWidth) * 100;
this.targetLeft = Math.round(((this.offsetWidth - tabs.parentNode.offsetWidth) / 100) * this.percent);
clearTimeout(this.move_timeout);
this.move_timeout = setTimeout(tabs.func_slide, 1);
};
tabs.left = 0;
tabs.is_move = false;
tabs.target_obj = null;
tabs.position = tabs.func_get_position(tabs);
tabs.onselectstart = function() { return false; };
tabs.ondragstart = function() { return false; };
};
</script>
평소~ 그누보드를 이용해서 이것저것 응용해 보는데 ^^
많은 개발자 님들과 여러 회원님의 주옥같은 코드를 많이 보고 도움을 받고있습니다
이번에 제가 탭을 하나 수정했는데 왜 자꾸 숫자 "1"이 찍혀 나오는지 모르겠어요 ^^
===============소스===============
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$slide_tab_width = 368; // 가로크기
$slide_tab_height = 126; // 메뉴부분을 제외한 내용부분 세로크기
?>
<script type="text/javascript">
function selecttab(TabId)
{
if (document.getElementById(TabId).style.display == 'block')
return true;
else return false;
}
</script>
<style type="text/css">
div { font-family:Dotum; font-size:17px; }
.br1cc { border-right:1px solid #d6d6d6; }
.bt1cc { border-top:3px solid #d6d6d6; }
.bl1cc { border-left:1px solid #d6d6d6; }
.bb1cc { border-bottom:1px solid #d6d6d6; }
.bb1f5 { border-bottom:1px solid #ffffff; }
.slide-tab { border:1px solid #d6d6d6; overflow-x:hidden; position:relative; margin:0 auto; width:<?php echo $slide_tab_width?>px; z-index:10; }
.slide-tab-line { height:26px; position:relative; width:<?php echo $slide_tab_width?>px; z-index:10; }
#slide-tab-menu
{
clear:both;
font-family:나눔고딕;
font-size:15px;
letter-spacing:-1px;
position:absolute;
white-space:nowrap;
z-index:20;
}
#slide-tab-menu a { display:inline-block; height:26px; line-height:26px; padding:0 16px 0 16px; margin:0; }
#slide-tab-menu a.select {background-color:#ffffff; color:#2F4F4F; font-weight:bold; text-decoration:underline; }
#slide-tab-menu a.noselect { }
#slide-tab-content { background-color:#ffffff; clear:both; height:<?php echo $slide_tab_height?>px; }
#slide-tab-content div { display:none; height:100%; width:100%; }
</style>
<div class="slide-tab">
<div id="slide-tab-menu">
<a href="http://wdrch.com/bbs/board.php?bo_table=B32" onclick="return selecttab(1)" class='select bb1f5'>드림주보</a>
<a href="http://wdrch.com/bbs/board.php?bo_table=B16" onclick="return selecttab(2)" class='noselect bl1cc'>드림소식</a>
<a href="http://wdrch.com/bbs/board.php?bo_table=B19" onclick="return selecttab(3)" class='noselect bl1cc'>자유게시판</a>
<a href="http://wdrch.com/bbs/board.php?bo_table=B28" onclick="return selecttab(4)" class='noselect bl1cc'>드림나눔터</a></div>
<div class="slide-tab-line bb1cc"></div>
</div>
<div id="slide-tab-content">
<div id="1" style="display:block;"><?=mw_latest("basic6_naver", 'B32', 8, 30)?></div>
<div id="2"><?=mw_latest("basic6_naver", 'B16', 8, 30)?></div>
<div id="3"><?=mw_latest("basic6_naver", 'B19', 8, 30)?></div>
<div id="4"><?=mw_latest("basic6_naver", 'B28', 8, 30)?></div>
<script type="text/javascript">
var tabs = document.getElementById("slide-tab-menu");
window.onload = function()
{
tabs.func_onclick = function(e)
{
var e = e || window.event;
var target = e.srcElement || e.target;
if (target.nodeName.toUpperCase() == "A")
{
target.blur();
if (target == this.target)
return;
if (this.target_obj != null)
this.target_obj.className = "";
this.target_obj = target;
var childs = this.children;
for (var i=0; i<childs.length; i++)
{
if (childs[0] == childs[i])
{
if (target == childs[i])
childs[i].className = "select bb1f5";
else
childs[i].className = "noselect";
}
else if (childs[childs.length] == childs[i])
{
if (target == childs[i])
childs[i].className = "select bb1f5";
else
childs[i].className = "noselect";
}
else
{
if (target == childs[i])
{
childs[i-1].className = "noselect bl1cc br1cc";
childs[i].className = "select bb1f5";
}
else
childs[i].className = "noselect bl1cc";
}
document.getElementById("slide-tab-content").children[i].style.display = target == childs[i] ? "block" : "none";
}
}
};
tabs.func_get_position = function(obj)
{
var tmp_obj = obj;
var result = {width : 0, height : 0, left : 0, top : 0};
while (tmp_obj.offsetParent)
{
if (result.width == 0) result.width = tmp_obj.offsetWidth;
if (result.height == 0) result.height = tmp_obj.offsetHeight;
result.left += tmp_obj.offsetLeft;
result.top += tmp_obj.offsetTop;
tmp_obj = tmp_obj.offsetParent;
}
return result;
};
tabs.func_slide = function()
{
tabs.left -= (tabs.left - tabs.targetLeft) * 0.1;
tabs.style.left = -tabs.left + "px";
if (Math.round(tabs.left) == tabs.targetLeft)
return;
tabs.move_timeout = setTimeout(tabs.func_slide, 1);
};
tabs.onclick = tabs.func_onclick;
window.onresize = function() { tabs.position = tabs.func_get_position(tabs); };
tabs.onmousemove = function(e)
{
var e = e || window.event;
this.percent = ((e.clientX - this.position.left) / tabs.parentNode.offsetWidth) * 100;
this.targetLeft = Math.round(((this.offsetWidth - tabs.parentNode.offsetWidth) / 100) * this.percent);
clearTimeout(this.move_timeout);
this.move_timeout = setTimeout(tabs.func_slide, 1);
};
tabs.left = 0;
tabs.is_move = false;
tabs.target_obj = null;
tabs.position = tabs.func_get_position(tabs);
tabs.onselectstart = function() { return false; };
tabs.ondragstart = function() { return false; };
};
</script>
댓글 2개
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기