묻고답하기

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 남기남
쌈장 급합니다. 고수님들의 빠른 답변 부탁드립니다. [2] 2012.10.26 by 송동우
카타쿠 게시판 모듈 이름 지우는 방법좀 갈쳐주세요 [1] file 2012.10.26 by 아이맵
앙금골리앗 페이지 모듈에 대해 궁금한게 있는데요 [1] 2012.10.26 by xe_마니
새올 싸이트 이전 어텋게 해야 하는지...... [1] 2012.10.26 by 푸시아
제로이드 게시판 굵게지정이 적용이 안되네요..ㅠㅠ [1] 2012.10.26 by 푸시아
hannah0031 게시판 업데이트할려고 하니깐...  
먹물 인터넷-공유기1-공유기2 환경에서 웹서버 접근 문제 [1] 2012.10.26 by 푸시아
카이닉스 랭킹출력 위젯에서 특정 게시판(모듈)판 추출하는 방법이 궁금합니다. [1] 2012.10.26 by 푸시아
백용권 게시판을 위젯으로 가능한가요?  
노멀라이저 브라우저 제목앞에 고정적으로 이름을... [1] 2012.10.25 by 송동우
노멀라이저 송동우님 귀찮으시겠지만 다시한번 봐주세요 ㅠㅠ file  
노멀라이저 xe 1.5.3.3 버전 설문조사 기능 문제 제기 [1] 2012.10.25 by 사은우502
석이짱 게시판 글 작성시 메일로 전달  
ITPLE[꾸야] 제가 임의로 설정한 변수를 XE전체에서 사용하려면 어떻게 해야하나요? [1] 2012.10.25 by ITPLE[꾸야]
쟈니킴 레이아웃 제작 서브 페이지  
오락실주인 게시판스킨설정 설정표시는 먼가요? [1] file 2012.10.25 by 송동우
hiroo 게시판dx [1] 2012.10.25 by 아직없는닉
디테일크로키 확장변수 ID별 권한부여(궁금) [1] 2012.10.25 by 송동우
카타쿠 게시판 [3] 2012.10.25 by 늘푸른TM
아기푸돌이 오래전 제로보드 입니다만 잘 쓰고 있어요 근데 [1] 2012.10.25 by 아이맵
꿀꺽2 회원당 한 번씩만 게시글을 등록할 수 있는 게시판 [1] 2012.10.25 by 송동우
헐키헐키 이 코드에 어디가 문제인지 좀 봐주세요!! [1] 2012.10.25 by 송동우
온달왕자 xe 게시판에 연동시켜서 설치한 페이스북 덧글창 궁굼하네요 file  
본체 게시판에 글쓰기 하면 소셜로 연동되는거요 [1] file 2012.10.25 by 온달왕자
비밀얌 브라우저에서 PDF 파일 다운로드 버튼 없애는 방법?? [1] file 2012.10.25 by DynamicLaser
saliey 스크롤바가 안생겨요 도와주세요..ㅠㅠ! [1] 2012.10.25 by DynamicLaser
smarthoony xe 500에러 , 로그인하면 잘나오고 비로그인시 500에러 나옴니다.  
SEAN76 contact us에서 보내지는 E-mail 제목과 레이아웃 [1] 2012.10.25 by 송동우
Daniel 메일 전송 시 language type 설정 어떻게 해야 하나요? ㅠㅠㅠ [1] 2012.10.25 by Daniel
노튼 접속자표시 위젯에서 모바일 표시