묻고답하기

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 남기남
JnCsoft [Q] 캐릭터셋에 따라 폼메일이 안돼요.  
뽀칠이 그림 링크걸기 어떻게 하는지요? [1] 2008.04.22 by 백성찬
팬더 제로보드 업로드 최대 용량이 350m로 제한되어 있는데 더 늘릴 수는 없나요? [3] 2008.04.22 by 백성찬
zzoong2 주소록스킨 어디 없나요?  
나까무라 [급함] 기존문서에 아이프레임 삽입시 일어나는 현상 2가지 문제관련 조언좀 부탁드립니다.  
최인학 플래쉬 파일 (flv) 재생은? [4] 2008.04.22 by 최인학
arachy 실수로 회원정보에서 관리자아이디를 삭제후 로긴을 못함 [4] 2008.04.22 by arachy
핸디지 common/lang/ko.lang.php 파일을 수정했더니 한글이 ?? 로 보일 때가 있습니다. file  
아이스티 마이그레이션으로 회원정보 옮길때 등급은?  
김진환519 게시판에 글 작성 때  
Topazz 쪽지기능요  
arins 설치가 진행이 되지 않아요. [6] 2008.04.22 by 현영호
이정운 제로보드게시판 버튼생성  
김영민454 찾을수없다고 나오는데, 언제게시판을 볼수있을런지..ㅡ.ㅡ;부탁드림당(샷첨) [2] file 2008.04.22 by 김영민454
행복한일상 게시판 제목 / 게시판 부제목 제로보드같이 돋음 폰트 사용하려면?  
속상해 심각한 보안문제 [2] 2008.04.22 by 속상해
byolin.myid.net 게시판 쓰기 할때요~ [1] 2008.04.22 by 호남삼육
elmtree 플래시 내비게이션 사용시 2차 메뉴 깨짐 현상 질문^^; [2] file 2008.04.22 by elmtree
조성우 조회수 0일때 new 아이콘 출력  
미카엘엔데 게시판 넓이, 위치와 하단 스크롤바에 대한 질문입니다.  
hjpkorea 급질요~ 최근게시물 위젯 크기 어떻게 바꾸나요 ㅜㅜ file  
아프론 설치 Error [5] 2008.04.22 by fallstoofast
xe초보 최근이미지 에러인거 같아요  
izayoi 설문조사할때  
낙지1004 파일첨부 버턴이 작동을 안합니다.... 얼마전까지 사용했는대 [11] 2008.04.21 by 김민787
kim님 외부페이지에서 활성화 시킨 플래쉬파일의 메뉴가 보이지 않습니다. 조언 부탁드립니다. [6] [1] 2008.04.21 by kim님
슈퍼맨~ 블랙으로 만들려고 삽질중인데 도와주세요. [3] file 2008.04.21 by artlab
제로우훗 제로보드 공식메뉴얼에 있는 내용 다 지원하나요?  
스댕이 Internal Server Error 가 뜹니다. 도와주세요  
hers 갤러리게시판에서 사진을 가운데정렬.... [1] file 2008.04.21 by 백성찬