탭메뉴 적용시.. 정보
탭메뉴 적용시..본문
메인페이지에 탭메뉴 두개를 연속 적용시켰는데요...
제일 위에것만 제대로 작동하고 이하 것들은 작동하지 않네요...
제일위에걸 빼고 아래것만 넣으면 제대로 작동하구요,,,
왜 그런지 알려주십시오....
참고로 바다님의 탭메뉴를 적용했습니다...
---------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$my_table1 = 't_10'; //게시판 명
$my_table2 = 'r_03'; //게시판 명
?>
$my_table2 = 'r_03'; //게시판 명
?>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<SCRIPT type=text/javascript>
<!--
old_debate='1';
<SCRIPT type=text/javascript>
<!--
old_debate='1';
function showLayer(objid){
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
//-->
</SCRIPT>
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
//-->
</SCRIPT>
<table width="330" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="330" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="16"><img src='<?=$g4[path]?>/tap_img/left.gif' width="16" height="22" border=0 align=absmiddle> </td>
<td width="149"><TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD id=debate1><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table1?>' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/menu04_on_left.gif' width="149" height="22" border=0 align=absmiddle></A></TD>
<TD id=debate1#1 style="DISPLAY: none;"><A href="javascript:showLayer('1')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/menu04_off_left.gif' width="149" height="22" border=0 align=absmiddle></A></TD>
</TR>
</TABLE></td>
<td width="149">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>
<TD width="149" id=debate4 style="DISPLAY: none;"><A href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table2?>' onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/menu04_on_right.gif' width="149" height="22" border=0 align=absmiddle></A></TD>
<TD width="161" id=debate2#1><A href="javascript:showLayer('2')" onfocus='this.blur()'><img src='<?=$g4[path]?>/tap_img/menu04_off_right.gif' width="149" height="22" border=0 align=absmiddle></A></TD>
</TR></TABLE></td>
<td width="16"><img src='<?=$g4[path]?>/tap_img/right.gif' width="16" height="22" border=0 align=absmiddle></td>
</tr>
</table>
<table width="330" border="0" cellspacing="0" cellpadding="0">
<colgroup width='1'>
<colgroup>
<colgroup width='1'>
<tr>
<td valign='top'>
<DIV id=debate_content1>
<?=latest('multi_tap04',$my_table1, 4, 40);?></DIV>
<DIV id=debate_content2 style="DISPLAY: none;">
<?=latest('multi_tap04',$my_table2, 4, 40);?></DIV>
<colgroup width='1'>
<colgroup>
<colgroup width='1'>
<tr>
<td valign='top'>
<DIV id=debate_content1>
<?=latest('multi_tap04',$my_table1, 4, 40);?></DIV>
<DIV id=debate_content2 style="DISPLAY: none;">
<?=latest('multi_tap04',$my_table2, 4, 40);?></DIV>
</td>
</tr>
</table></td></tr>
</table>
</tr>
</table></td></tr>
</table>
----------------------------
바로 이게 탭메뉴소스입니다..
댓글 전체
각 탭 메뉴안에 보면 ID들이 있는데 이것들이
충돌해서 그렇습니다.
충돌해서 그렇습니다.
네.. 저도 그럴것 같아서 수정해봤는데 뭔가 제대로 수정이 않된것 같습니다.
rolo님 구체적으로 설명을 해주시면 감사하겠습니다.
rolo님 구체적으로 설명을 해주시면 감사하겠습니다.
<SCRIPT type=text/javascript>
<!--
old_debate='1';
function showLayer(objid){
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
//-->
</SCRIPT>
의 함수를 다른 하나와 다르게 바꾸시고 그에따라
<TD id=debate1><
<TD id=debate1#1
부분등도 바꾸셔야 하겠지요...rolo님 말씀따라 함수 충돌입니다...
<!--
old_debate='1';
function showLayer(objid){
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
//-->
</SCRIPT>
의 함수를 다른 하나와 다르게 바꾸시고 그에따라
<TD id=debate1><
<TD id=debate1#1
부분등도 바꾸셔야 하겠지요...rolo님 말씀따라 함수 충돌입니다...
함수충돌인거 맞는데요,, 저거 1,2 만 다른 수자로 바꾸로 시행해 봤거든요,..
근데 그건 않되네요.. 지금 요것땜시 몇시간을 골머리 앓고 있습니다ㅡ.ㅡ
근데 그건 않되네요.. 지금 요것땜시 몇시간을 골머리 앓고 있습니다ㅡ.ㅡ
<SCRIPT type=text/javascript>
<!--
//old_debate='1';
function showLayer(objid){
//document.getElementById("debate"+old_debate).style.display="none";
//document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
//document.getElementById("debate"+objid).style.display="";
//document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
//old_debate=objid;
}
//-->
</SCRIPT>
<!--
//old_debate='1';
function showLayer(objid){
//document.getElementById("debate"+old_debate).style.display="none";
//document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
//document.getElementById("debate"+objid).style.display="";
//document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
//old_debate=objid;
}
//-->
</SCRIPT>
감사합니다^^
function showLayer(objid){
의 기본 함수명 부터 바꿔보세요...
function showLayer2(objid){ 식으로
의 기본 함수명 부터 바꿔보세요...
function showLayer2(objid){ 식으로
앗! 있었네요..ㅎㅎ