묻고답하기

XE와 관련이 없는 내용이라서 이곳에 질문 좀 올리겠습니다. (욕 안 먹을려는지 모르겠지만...)

 

아래 탭 소스를 이용하여 각기 다른 위젯을 삽입하여 사용하고 있는데

이게 한 페이지당 두 개 이상 적용시 충돌하여, 하나 밖에 응용을 못 하고 있습니다.

이것을 한 페이지에 두 개 이상 사용할 수 있는 방법 좀 알려 주시면,감사하겠습니다.

아울러 다른 초보 회원님들께서도 사이트에 적용하면 좋을 것 같습니다. 

 

 

<!--외부 탭 메뉴-->
<script type="text/javascript"> 
function change(tab) {
  tab1.style.display = "none";
  tab2.style.display = "none";
  tab3.style.display = "none";
  tab4.style.display = "none";

  tab.style.display = "block";
}
</script>


<!--외부 탭-->
<div style="padding-bottom:10px; border:solid 1px #dddddd;">
<div id="tab1" style="display:block">
    <table border="0" cellpadding="0" cellspacing="0" width="248" align="center">
    <TR>
    <td valign="top">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
          <TR>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-right:solid 1px #dddddd;" bgcolor="white">
            <span><b>랭킹</b></span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab2)">최근글</span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab3)">댓글</span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab4)">포토</span>

        </td>
        </TR>
        </TABLE>
    </td>
    </tr>    
    <tr><td align="left" valign="top" style="padding-top:0px;" bgcolor="white">
위젯1 넣는 곳
</td> </tr>
    </table>
 </div>

<div id="tab2" style="display:none">
    <table border="0" cellpadding="0" cellspacing="0" width="248" align="center">
    <TR>
    <td valign="top">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
          <TR>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab1)">랭킹</span>
            

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd;" bgcolor="white">
            <span><b>최근글</b></span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
             
            <span onMouseOver="change(tab3)">댓글</span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab4)">포토</span>

        </td>
        </TR>
        </TABLE>
    </td>
    </tr>    
    <tr><td align="left" valign="top" style="padding:6px 0 0 4px;" bgcolor="white">
위젯2 넣는 곳
</td> </tr>
    </table>
 </div>

<div id="tab3" style="display:none">
    <table border="0" cellpadding="0" cellspacing="0" width="248" align="center">
    <TR>
    <td valign="top">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
          <TR>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab1)">랭킹</span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            
            <span onMouseOver="change(tab2)">최근글</span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd;" bgcolor="white">
            <span><b>댓글</b></span>

        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd;  border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab4)">포토</span>

        </td>
        </TR>
        </TABLE>
    </td>
    </tr>    
    <tr><td align="left" valign="top" style="padding-top:2px;" bgcolor="white">
위젯3 넣는 곳
</td> </tr>
    </table>
 </div>

<div id="tab4" style="display:none">
    <table border="0" cellpadding="0" cellspacing="0" width="248" align="center">
    <TR>
    <td valign="top">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
          <TR>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab1)">랭킹</span>
        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab2)">최근글</span>
                     </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; border-bottom:solid 1px #dddddd;">
            <span onMouseOver="change(tab3)">댓글</span>
        </td>
          <td valign="top" align="center" style="padding:6px 0; border-top:solid 1px #dddddd; border-left:solid 1px #dddddd; bgcolor="white">
            <span><a href="/humor_zone"><b>포토</b></a></span> 
        </td>
        </TR>
        </TABLE>
    </td>
    </tr>    
    <tr><td align="left" valign="top" style="padding-top:6px;" bgcolor="white">
<!--포토-->
위젯4 넣는 곳
</td> </tr>
    </table>
 </div>
</div>
<!--외부 탭 끝-->


 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
DOUBLEP Tag list 위젯 사용하는데 질문 드립니다.  
바이코 관리자 권한으로 게시글 제목 수정시 작성자명 변경되는 현상.. [1] 2012.10.19 by 송동우
ShopFree 회원가입시 약관사이즈 변경 [1] 2012.10.19 by 송동우
useradd 외부페이지에서 if문 (화면출력 아님)  
NA답답이 XE와 관련 없는 내용이라 요기에 살짝(질문)  
ttucca 관리자 화면 글쓰기문제 및 모바일 동영상재생문제  
온달왕자 스케치북 게시판 게시물수 조회수 이상시 아이콘표시 실패 [1] 2012.10.19 by 송동우
고이풀 관리자 즐겨찾기 펼침,접힘 하기 [1] 2012.10.19 by 송동우
서랍정리 회원가입시 Duplicate entry " for key 'unique_nick_name'란 오류창이 뜹니다 [2] file 2012.10.19 by 송동우
미친메기 게시물 만들때 맨 앞에 리스트 만드는 법  
이지붸붸 게시판에서 보여지는 글을..  
시릐우스 일정기간이 지나면 댓글창없애기 [2] 2012.10.18 by 시릐우스
ABNEW 사이트 접속시 특정 이미지가 부드럽게 출력되는 예제가 있을까요?  
윤샤루 이건 무슨 오류인가요?헉.ㅠㅠ file  
넥스트코코 급합니다!! 갑자기 사이트가 Access Denied 라고 뜹니다. [1] 2012.10.18 by 똑디
별님왕자 언어 선택에서 프랑스어가 말썽이네요. [1] file 2012.10.18 by 똑디
Real 이 페이지에서 벗어나시겠습니까? [1] 2012.10.18 by 똑디
슈파 서버 이전 후 게시판 목록 링크가 이전 링크로 뜹니다. [1] 2012.10.18 by 똑디
forkazu admin에서 메인주소 변경 후 관리페이지 접속이 안됩니다. [1] 2012.10.18 by 똑디
똑디 윈도우 서버에서 게시글 및 댓글이 등록이 안됩니다. [1] 2012.10.18 by 똑디
똑디 글쓰기시 필터 작동이 안될때 [1] 2012.10.18 by 똑디
똑디 게시판 글작성이 안돼요. 댓글도 안돼요 [3] 2012.10.18 by 똑디
똑디 XE 설치시 mysql client api 버전은? [1] 2012.10.18 by 똑디
제이투자 문서번호에 값을 입력해주세요->이 문제 해결할 사람이 없는건지? [1] 2012.10.18 by pentopen
자근도깨비 요약글 형식 [1] 2012.10.18 by 송동우
lmjy2k 게시글 본문에 실시간 출력 보여주려면 어떻게 해야하나요?  
뽀칠이 5.3.3 에서 제목과 본문 사용 안 할려고합니다. [1] 2012.10.18 by 송동우
고이풀 가입폼안에서 전역변수 사용할려면.. [1] 2012.10.18 by 송동우
오늘도가자11 송동우님 ㅜㅜ 특정그룹 회원들 개개인들의 작성글을 2개로 제한하고 싶습니다  
천랑시리우스 확장변수 수정금지 방법 재질문 [1] 2012.10.18 by 송동우