묻고답하기

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 남기남
유병석788 시작페이지 모듈이 열리지 않습니다.  
박하향풍선껌 최근 게시물 위젯에 디스크 이미지 출력 없애는 방법 file  
마루타812 페이지 위지윅 에디터에서 이미지 롤오버를 하려는데요..  
Larki XE 의 라이선스 표시 방식에 대해 문의드립니다. [1] 2012.10.22 by 구름나무바위
ITPLE[꾸야] XML쿼리 만들기 or 직접 쿼리문 날리기  
땡땡이별나라 방명록 댓글버튼 가리기에서요. [1] 2012.10.22 by 송동우
땡땡이별나라 xe 기본제공되는 "xe Guestbook ver 15.1.0" 방명록에서 댓글버튼 안보이게.. [1] file 2012.10.22 by 송동우
Shine정 최신글 질문 [2] 2012.10.22 by Shine정
mkcdj FTP접속이 않됩니다. [1] 2012.10.22 by 똑디
Shine정 최신글 확장변수 출력  
Hojoon Chang 1.5.3 포인트 리프레시 문제.  
큰돌♡ 일반 HTML 파일에서 XE의 위젯을 사용하려면 어떻게 하면 될까요? [1] 2012.10.22 by 똑디
guitar9464 꼭 고견 부탁드립니다.  
송song iframe에서 로그인한 후 이동페이지 질문입니다.  
Asaph TinyMCE 에디터 XE용 최신버전 없나요? 아님 추출방법좀 알려주세요 [1] 2012.10.22 by 김종성787
구름나무바위 [xe.1.5.3.3] getUrl() 특정 페이지 이동 작동이 안됩니다. [2] 2012.10.22 by 송동우
ttucca 모바일 사이트 동영상이 안나와요 [3] file 2012.10.22 by DOUBLEP
자근도깨비 모듈에 있어야 할 보드폴더 [2] 2012.10.22 by 송동우
오늘도가자11 송동우님 xe official v2 입니다 /최고관리자 이외에 게시판 관리자들도 ip 안보이게 하고 싶습니다 [1] 2012.10.22 by 오늘도가자11
어려워ㅠㅠ 도메인 설정이 안되요  
헤젤리엘 쪽지함 보기가 없어졌어요. [1] 2012.10.21 by 송동우
루트엘 phpmyadmin 관련 질문 [1] file 2012.10.21
동해수문장 '페이지에오류가있습니다.'라고 뜹니다.. [1] file 2012.10.21 by pentopen
골드라이덴 초보인데요 제로보드 설치중 오류가 나서 막히고 있습니다. [1] 2012.10.21 by 송동우
띠로리로리 html 파일 수정하는법 [1] 2012.10.21 by 송동우
사노라면언제간는 제발 알려주세요..ㅜㅜ file  
벤더 로그인폼 위치 변경 하고싶어요. [2] 2012.10.21 by DynamicLaser
오늘도가자11 쪽지 1통당 1포인트 차감되며 일정포인트 미만은 쪽지 못보내기방법좀 [1] 2012.10.21 by 송동우
니키11 회원정보보기에서 자기 포인트 현황을 볼수있는 페이지 [1] 2012.10.21 by 송동우
스토리마스터 동영상관해서문의드려요! [1] 2012.10.21 by ITPLE[꾸야]