묻고답하기

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 남기남
sojumeister 특정 컴퓨터만 MAC주소를 등록하여 접속할수 있게 할 수 있을까요?  
꼭하고만다 부탁드립니다. 회원가입 시 한글로된 아이디를 받고싶습니다. [1] 2012.11.01 by 송동우
일쌤 xe index.php 프레임셋으로 초기 설계하기 [2] 2012.11.01 by 일쌤
tariy rss 출력시 섬네일 관련하여 질문 드립니다.  
땡땡이별나라 livexe 사용법이요..ㅠㅠ file  
후아아아~ 최근 문서 출력 수정하고 싶어요... [1] file 2012.11.01 by 푸시아
GyoolGoon 엮인글쓰기 버튼이 없어졌습니다. [2] 2012.11.01 by GyoolGoon
namsman 송동우님 그룹이미지마크 추가질문 있습니다.  
emin88 로그인이 안됩니다 [1] 2012.10.31 by 데브위트™
Asaph 소셜 로그인 후 이동할 페이지 설정에 대해서...  
흑화라면 비회원이 '주소/files' 에 접근막는 법 없나요? [1] 2012.10.31 by 푸시아
namsman 그룹 이미지 마크를 특정 모듈에서만 나타나게 할수 없을까요? [1] 2012.10.31 by 송동우
Chro 설치할때 DB아이디,패스워드,데이터베이스 질문입니다 [1] 2012.10.31 by 온달왕자
아이가리잇 사이트맵에서 메뉴 삭제가 안돼요  
오기0000 다국어 번역 게시판 문의 [1] 2012.10.31 by 송동우
오기0000 게시판생성시 다국어지원 문의 입니다 [3] 2012.10.31 by 송동우
노멀라이저 포인트 현황 비로그인 사용자 미출력 문제...  
호랭이123 XE Contact Us 모듈 form 추가 내용이 메일로 오지 않습니다. file  
koreafeel 확장변수에서 체크박스형식으로 위젯을 만들면 |@| 이렇게 나와요..  
하늘384 메뉴설정 [1] 2012.10.31 by 송동우
백용권 지식인 모듈 답변체택하면 이런 에러메세지가 뜹니다 [1] 2012.10.31 by San.
lmjy2k 동우님 아래 알려주신 방법이.. [1] 2012.10.31 by 엄마재코먹어
blue2012 스마트폰으로 게시판 글입력하기 [1] 2012.10.31 by 엄마재코먹어
백용권 unkown column 'in_time' in 'field list' 이라고 나옵니다 [2] 2012.10.31 by San.
돌베개야곱 404 error [1] 2012.10.31 by 똥똥
ooo 게시판 상단 이미지(텍스트)와 게시판의 List가 겹쳐보이는 문제 [2] file 2012.10.31 by ooo
단기종합 중복된 입력 값 '0': key 1 오류  
레망 rss 출력 에러 [2] 2012.10.31 by 레망
본체 첨부파일 안보이게 하는법 [2] 2012.10.31 by 송동우
니에베 뭔 짓을 해도 게시판 배경색이 안 바뀝니다!! [1] 2012.10.31 by 송동우