탭메뉴 적용시.. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

탭메뉴 적용시.. 정보

탭메뉴 적용시..

본문

메인페이지에 탭메뉴 두개를 연속 적용시켰는데요...
제일 위에것만 제대로 작동하고 이하 것들은 작동하지 않네요...
제일위에걸 빼고 아래것만 넣으면 제대로 작동하구요,,,
왜 그런지 알려주십시오....
참고로 바다님의 탭메뉴를 적용했습니다...
 
---------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$my_table1 = 't_10';  //게시판 명
$my_table2 = 'r_03';  //게시판 명
?>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<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>

<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>
    </td>
        </tr>
   </table></td></tr>
</table>
----------------------------
바로 이게 탭메뉴소스입니다..
  • 복사

댓글 전체

<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님 말씀따라 함수 충돌입니다...
함수충돌인거 맞는데요,, 저거 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>
© SIRSOFT
현재 페이지 제일 처음으로