묻고답하기

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 남기남
화남금여 관리자 모드가 안되요~  
RUNFS 플래시를 표시하면 설정창이 가려집니다. [1] file 2012.11.09 by KANTSOFT
위드파트너 1.5.3.3 갑자기 글쓰기, 댓글쓰기시 에러창이 뜹니다...ㅜ.ㅜ [2] file 2012.11.09 by 위드파트너
슈파 카운터스킨에 총게시물수랑 댓글수를 나타내고 싶습니다. [1] 2012.11.09 by 슈파
꺆꿍 메일 전송 질문입니다^^ [2] file 2012.11.09 by misol
임사마님 안녕하세요, 문의드립니다. file  
뽀글이75 제발 부탁입니다. 방법 좀...ㅠㅠ  
단기종합 pc에서는 모바일페이지에 접속을 막고싶습니다  
T1000 확장변수 연월일 선택시 뜨는달력을 한글표시로 바꾸는 방법  
시릐우스 제로보드4 -> XE로 이동하면서 이상한문자가.. [1] 2012.11.09 by 빛의바다
dlfjs50 위젯 출석부 설치하면 이렇게 떠요..도와주세요 ㅠ_ㅠ file  
백용권 최근게시물 탭형식에 분류만 나타내는데, 전체는 어떻게 표기하나요?  
마용발 xe 자동로그인 소스를 넣으려면 어떻게 해야하죠?  
윈컴이 회원 정보 수정시 "잘못된 요청입니다."가 나옵니다. [1] 2015.02.28 by 똥똥
임팩트디자인 1.5.3.3버전쓰고있는데 게시판에 이상이생겼어요 ㅠㅠ [2] 2012.11.08 by 똥똥
미래파 파이어폭스로 접속하면 특정페이지로 이동하게만들기 [1] 2012.11.08 by 송동우
jn4kim 서버 이전후 썸네일이 안나와요ㅠㅠ [1] 2012.11.08 by jn4kim
음슴2 이메일 로그인을 아이디 로그인으로 못 바꾸나요? [1] 2012.11.08 by 송동우
오락실주인 리퍼러 질문입니다 ^^ [1] file 2012.11.08 by pentopen
funky2727 포인트에 관련해서 질문 드립니다.  
현이s XE사이트나 게시판을 RSS 이용해서 블로그 등록 [3] 2012.11.08 by 퍼니엑스이
별을사랑했네 이런 기능은 어떻게 구현하나요? [6] 2012.11.08 by 별을사랑했네
루피키누스 관리자모드에서, 생성된 게시판 목록의 게시판 순서를 바꾸고 싶습니다. [1] 2012.11.08 by 송동우
버디구루 제어판-정보관리-문서 에 알수 없는 게시글이 넘침니다.. [2] file 2012.11.08 by 버디구루
가브리엘조 자체서버 소셜로그인 기능, http 500에러  
노란노랑 4->xe 게시물 마이그레이션 할 때 악성코드도 같이 옮겨질 수 있나요 [2] 2012.11.08 by 퍼니엑스이
뽀글이75 모바일에서 contact us만 pc화면으로 나오는 문제  
덕분에 스팸 회원 한꺼번에 지우기 [1] 2012.11.08 by Sulli
꿈틀잉 권한 없을때 나오는 항목 색상 변경 질문 file  
차니나라 서브도메인을 이용해서 텍스타일을 만들고싶습니다 [1] 2012.11.08 by 꿈틀잉