그누보드 QA - 자바스크립트 탭 질문드립니다.

자바스크립트 탭 질문드립니다.

모두 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2015.07.27 16:37:43 조회 3896 (220.♡.♡.163)

본문


<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="30" background="<?php echo G5_IMAGES_URL ?>/notice-bg.gif" valign="top">
                   <script type="text/javascript">
      function main_tab(arr_no) {
       var tab = new Array("menu01","menu02","menu03","menu04"); 
       var div = new Array("menu_div01","menu_div02","menu_div03","menu_div04"); 
       var more = new Array("javascript:menu_03_01();","javascript:menu_03_02();","javascript:menu_03_04();","javascript:menu_03_05();"); 
       var num = new Array(1,2,3,4);
       for(i=0;i<num.length;i++) { 
        document.getElementById(div[i]).style.display="none";
        document.getElementById(tab[i]).src='<?php echo G5_IMAGES_URL ?>/c1_'+num[i]+'off.jpg';
       } 
       document.getElementById(div[arr_no]).style.display="";
       document.getElementById(tab[arr_no]).src='<?php echo G5_IMAGES_URL ?>/c1_'+num[arr_no]+'on.jpg';
       document.getElementById("menu_more").href=more[arr_no];
       
      } 
       </script>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="120"><a href="javascript:main_tab(0);"><img src="<?php echo G5_IMAGES_URL ?>/c1_1on.jpg" name="menu01" width="120" height="42" border="0" id="menu01" /></a></td>
            <td width="119"><a href="javascript:main_tab(1);"><img src="<?php echo G5_IMAGES_URL ?>/c1_2off.jpg" name="menu02" width="119" height="42" border="0" id="menu02" /></a></td>
            <td width="119"><a href="javascript:main_tab(2);"><img src="<?php echo G5_IMAGES_URL ?>/c1_3off.jpg" name="menu03" width="119" height="42" border="0" id="menu03" /></a></td>
            <td width="119"><a href="javascript:main_tab(3);"><img src="<?php echo G5_IMAGES_URL ?>/c1_4off.jpg" name="menu04" width="119" height="42" border="0" id="menu04" /></a></td>
            <td align="right"> <!--<a href="javascript:menu_05_01();" id="menu_more"><img src="<?php echo G5_IMAGES_URL ?>/notice-more.gif" width="38" height="12" border="0" /></a>--></td>
          </tr>
      </table></td>
  </tr>
  <tr valign="top">
    <td style="padding-top:30px;">
    <div id="menu_div01"><?php include_once(G5_HTML_PATH.'/info1.html');  ?></div>
    <div id="menu_div02" style="display:none;" ><?php include_once(G5_HTML_PATH.'/info2.html');  ?></div>
    <div id="menu_div03" style="display:none;" ><?php include_once(G5_HTML_PATH.'/info3.html');  ?></div>
    <div id="menu_div04" style="display:none;" ><?php include_once(G5_HTML_PATH.'/info4.html');  ?></div>
    </td>
  </tr>
</table>

서브페이지에서 위와 같은 자바탭메뉴로 한페이지 내에서 페이지를 변경 가능하게 해 놓았는데요

문제가 메인 인덱스화면에서 서브페이지의 두번째 include파일로 링크를 잡아서 나오게 해야하는데

서브페이지로 실제로 접속하면 젤처음 include파일이 출력이 됩니다.

링크를 잡으려고 해도 어느탭을 누르던지 html/info.html 이런식으로 다 똑같이 나와서 잡을 수가 없네요.

혹시 자바스크립트 탭메뉴 링크 잡는 방법이 있나요?