묻고답하기

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.06 by 남기남
月芽 회원정보 보기 [1] 2012.10.20 by 송동우
엘리제키티 게시판이어디있나요? [1] 2012.10.20 by 송동우
비하이브 회원가입폼 인풋창 하단에 설명이 안뜰때 [1] file 2012.10.20 by 송동우
용초딩 파일첨부 버튼 클릭 시 파일선택창이 안뜬다는데  
lmjy2k 회원 정보 추가 항목까지 공개로 어떻게 하나요?(동우님이나 아시는 분 도와주세요ㅠㅠ) file  
용쓰짱 하나의 게시판에 두개의 스킨(UI)적용 [1] 2012.10.20 by 윈컴이
sage하늘 위젯정렬 한번 더 알려주세요. [2] 2012.10.20 by 아직없는닉
sage하늘 위젯 정렬. 질문합니다. [2] 2012.10.20 by 하늘종(ry
sage하늘 위젯 정렬... 알려주세요... [1] 2012.10.20 by 아직없는닉
DOUBLEP Tag list 위젯 사용하는데 질문 드립니다.  
바이코 관리자 권한으로 게시글 제목 수정시 작성자명 변경되는 현상.. [1] 2012.10.20 by 송동우
ShopFree 회원가입시 약관사이즈 변경 [1] 2012.10.20 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.19 by 시릐우스
ABNEW 사이트 접속시 특정 이미지가 부드럽게 출력되는 예제가 있을까요?  
윤샤루 이건 무슨 오류인가요?헉.ㅠㅠ file  
넥스트코코 급합니다!! 갑자기 사이트가 Access Denied 라고 뜹니다. [1] 2012.10.19 by 똑디
별님왕자 언어 선택에서 프랑스어가 말썽이네요. [1] file 2012.10.19 by 똑디
Real 이 페이지에서 벗어나시겠습니까? [1] 2012.10.19 by 똑디
슈파 서버 이전 후 게시판 목록 링크가 이전 링크로 뜹니다. [1] 2012.10.19 by 똑디
forkazu admin에서 메인주소 변경 후 관리페이지 접속이 안됩니다. [1] 2012.10.19 by 똑디
똑디 윈도우 서버에서 게시글 및 댓글이 등록이 안됩니다. [1] 2012.10.19 by 똑디
똑디 글쓰기시 필터 작동이 안될때 [1] 2012.10.19 by 똑디