묻고답하기

  2. Support
  3. 묻고답하기

XE와 관련 없는 내용이라 요기에 살짝(질문)

2012.10.19 12:30

NA답답이

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 남기남
☆水± 이거 어떻게 해결 하나요? file  
뽀칠이 http 404 찾을수 없습니다... 라는 메트가 뜨네요 [2] 2008.04.01 by 뽀칠이
☆水± 아.,. 또 질문좀 하겠습니다.. [2] file 2008.04.01 by ☆水±
Saint Exupery css문제, 게시판 제목 file  
hong 추천수 얼마 이상 되면 자동으로 다른 게시판으로 복사되는 기능?  
magici 페이지 멀티 언어관련 질문 [1] 2008.04.01 by 윤하네
skjung zbxe 1.0.0에서 1.0.1로 upgrade한 후 [1] 2008.04.01 by 백성찬
김태준218 게시판에서 쿼리문 조건 변경 가능 한가요??  
뽀칠이 KuroKuma 로그인위젯 - 가로형를 설치 햇는데 문의 드립니다. [2] 2008.04.01 by 뽀칠이
감나무2 갤러리 스킨 [4] 2008.04.01 by sugarkane
애플존 3d flex/flash 겔러리 [2] 2008.04.01 by 지기846
정순권454 zbxe 1.0.0.에서 1.0.1로 upgrade [1] 2008.04.02 by William
rfhell 레이아웃 적용시 상단메뉴와 하단메뉴 다르게 등록했는데요. [2] 2008.04.02 by rfhell
Zerode 통합검색창 관련해서 질문좀 할게요~^^; [1] 2008.04.02 by 프리지그
김태준218 게시판 상단이 안나와요 [2] file 2008.04.02 by 김태준218
조도현 설치화면이 안뜨네요. [1] 2008.04.02 by William
GG 상자위젯 배치가 잘안되요 ㅠㅜ [4] file 2008.04.02 by 주재우519
김재원 로그인 정보관련 질문 좀 드릴께요. [1] 2008.04.02 by William
toolz 제로보드 사용하려면 php설정 필요한가요? [1] 2008.04.02 by William
바둑아 mod rewrite 를 어떻게 변경하나요 ?도와주세요ㅠㅠ [2] 2008.04.02 by 코코아빠
초옹 4차 메뉴 안되나여? [1] 2008.04.02 by 비나무
유타란 embed 태그 관련 질문 입니다. 답변 좀... [1] file 2008.04.02 by 비나무
유지인 고수님들 이것좀 봐주세요.. [1] 2008.04.02 by 비나무
정완섭 글쓰는 사람을 적는 란이 안보여요 [1] 2008.04.02 by 비나무
주재우519 고수님들 좀 도와주세요... ㅠ.ㅠ [2] file 2008.04.02 by 비나무
ㅠㅠ 파일첨부 에러생겨요 ㅠㅠ [1] file 2008.04.02 by 비나무
hacierpark 메인으로,,, [1] 2008.04.02 by 비나무
Zerode 최상단에 메뉴추가에 대해서 질문있습니다~ ㅋ [1] file 2008.04.02 by 비나무
Zerode 메뉴로 새창띄울때 사이즈정해서 띄울수있나요? [1] 2008.04.02 by 비나무
JulianJ 한번만 봐주세요~ [1] file 2008.04.02 by JulianJ
태그 쓰기