묻고답하기

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 남기남
빅션 출석부 모듈 1.6.4 포장이사 후 에러가 납니다  
임재선422 코어재설치 질문  
다섯손가락 에디터에 관리자 멘트 넣기 관련 문의 file  
mkcdj 이거 대체 뭔질 모르겠내요 ㅠㅠ [1] 2012.11.04 by homebiz123
오락실주인 빈폴더 삭제방법 [삭제NO] [1] file 2012.11.04 by homebiz123
590원 가입폼에서 생일 삭제하는 방벙 좀 알려주세요 ㅠ.ㅠ [1] 2012.11.04 by 송동우
땡땡이별나라 위젯..오늘자 해당글만 출력할수없을까요?  
TA2O 에디터 내 제목 색깔들 원하는 색으로 바꾸려면..?  
행복한소년™ xe board 모듈 엮인글 문제  
롱아 XE에 '탭형 게시판'은 없나요? [1] 2012.11.03 by 송동우
Free340 외부로그인 위젯에 대해 질문드립니다.  
인내심 APMsetup + XE 포트변경후, 이미지들이 다 엑박으로 뜹니다. [1] 2012.11.03 by ITPLE[꾸야]
hoyeop 페시판에 익명 체크로 선택 할 수 있게 하고 싶습니다. [1] 2012.11.03 by 송동우
보노보스 호스팅 하고 phpadmin에서 쿼리불러오는데  
뽀칠이 확장변수들을 함께 검색?  
XE카오스 새로운쪽지 왔을때 나오는 레이어. [1] file 2012.11.03 by *별로*
CM Error Code: HTTP Error, File name Message: 301 이에러,,, [1] 2012.11.03 by *별로*
남자인간 노프레임으로 웹을 만드는데요 스샷처럼 하려면 어떻게하나요? [1] file 2012.11.03 by 푸시아
동해수문장 000webhost에서 가비아로 이전하려고 합니다. [1] 2012.11.02 by 데브위트™
싹튼감자 [스케치북]서브메뉴가 뒤쪽으로 숨는데.. [1] file 2012.11.02 by 송동우
sojumeister 특정 아이피만 접속가능한 게시판 질문  
꾸링 메뉴에 새로운글이 올라오면 N표시 하는방법!? [1] 2012.11.02 by Asaph
Asaph 게시판 글 작성시 자동 새창 링크 방법 있나요?  
호랑이의꿈 어느날 갑자기 홈페이지 접속이 안됩니다. [1] 2012.11.02 by 푸시아
레인크류 텍스트 박스에 입력하면 소스 수정되는..  
Xiso 이 게시물을.. 출력제거 [2] 2012.11.02 by 점씨
오스카 [캐시파일재생성]을 누르면, 메뉴관리의 [메뉴] 트리가 다 없어져요..ㅠㅠ file  
빛나아빠 마이그레이션 시 EUC-KR=> UTF8 [1] 2012.11.02 by 푸시아
후아아아~ 월별보관현황 수정하고 싶습니다. [1] file 2012.11.02
동글유부 설치 확인 후 모듈 에러가...ㅠ.ㅠ... [2] 2012.11.02 by 엄마재코먹어