묻고답하기

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 남기남
스토리마스터 동영상관해서문의드려요! [1] 2012.10.21 by ITPLE[꾸야]
옹마 XE에서 레이아웃 넣기 [2] 2012.10.21 by 아직없는닉
오락실주인 비회원 글쓰기 [질문좀 사진첨부] [1] file 2012.10.21 by DynamicLaser
샌드백 확장변수 입력시 카테고리별 필터링  
stan 게시물 랜덤으로 출력할수있나요?  
샌드백 카테고리 선택 셀렉트 박스 질문 입니다 file  
엔클레이브 xe 도메인과 연결 [2] 2012.10.20 by 울라탱
오락실주인 게시글 추가 내용 출력 모바일버젼 만들어주실분 !!  
뽀칠이 5.3.3 에서 제목과 본문 사용 안함 특정게시판에만적용?  
오락실주인 조회수 초기화  
Aaronner 관리자 페이지 어떻게 찾나요? [1] 2012.10.20
손주사랑 최근게시물 게시판을 추가하고 소스생성하면 사라지는창 [1] file 2012.10.20 by 새벽들녁
lmjy2k 게시판 댓글에 이런 기능 안될까요? [1] 2012.10.20
홍길동친구 딤드처리되서 로그인창 뜨는 부분  
우영아빠 부탁합니다. 확장변수에 이미지(사진) 올리기  
카이닉스 게시판에서 닉네임 길이 줄이기. 추가질문 드립니다 [1] 2012.10.20 by 송동우
KTK 프레임 닫기 버튼 ㅠㅠ 제발 알려주세요.. file  
sage하늘 로그인 모듈을 찾을 수 없다고 뜹니다. [1] 2012.10.20 by 송동우
웹개밥 에러문구 안뜨게 하기? [1] 2012.10.20 by 송동우
오락실주인 모바일접속시 다른광고보이기  
stan XE사용자분들 공지사항 추천관련..  
lmjy2k 동우님 새로운 질문 한가지 더 여쭈어 봅니다^^  
lmjy2k 추가 항목까지 회원정보 공개 어떻게 수정해야하나요? [2] file 2012.10.19 by lmjy2k
月芽 회원정보 보기 [1] 2012.10.19 by 송동우
엘리제키티 게시판이어디있나요? [1] 2012.10.19 by 송동우
비하이브 회원가입폼 인풋창 하단에 설명이 안뜰때 [1] file 2012.10.19 by 송동우
용초딩 파일첨부 버튼 클릭 시 파일선택창이 안뜬다는데  
lmjy2k 회원 정보 추가 항목까지 공개로 어떻게 하나요?(동우님이나 아시는 분 도와주세요ㅠㅠ) file  
용쓰짱 하나의 게시판에 두개의 스킨(UI)적용 [1] 2012.10.19 by 윈컴이
sage하늘 위젯정렬 한번 더 알려주세요. [2] 2012.10.19 by 아직없는닉