탭 메뉴를 만들어 보려고 합니다.

탭메뉴를 하나 만들어 볼려고 하는데요.
자바에 무식한인 제가 이제껏 이미지 맵만 사용하다가
오늘 자바를 사용해 보려고 해 보니 소스 코드가 엄청 길어 집니다.
탭이 6개인 경우 아래 내용이 6번 들어가던데요.
swap.js에 swapimage는 들어 있는 상태입니다.
이것을 줄이는 방법이 있는지 알고 싶습니다.
자바에 전혀 초보라서 그럼가 봅니다.
(자바질문란에 올리려다 g4스킨하나 만들어 보려고 여기에 올립니다.)
 
 
<!--- 탭 최신글 시작 -->
 
                           <TD><A onmouseover="MM_swapImage('tab1','','<?=$g4[path]?>/images/tap_01on.gif',1);MM_showHideLayers('living','','show','culture','','hide','education','','hide','downtown','','hide','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=living"><IMG height=35 src="<?=$g4[path]?>/images/tap_01.gif" width=75 border=0 name=tab1></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab2','','<?=$g4[path]?>/images/tap_02on.gif',1);MM_showHideLayers('living','','hide','culture','','show','education','','hide','downtown','','hide','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=culture"><IMG height=35 src="<?=$g4[path]?>/images/tap_02.gif" width=75 border=0 name=tab2></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab3','','<?=$g4[path]?>/images/tap_03on.gif',1);MM_showHideLayers('living','','hide','culture','','hide','education','','show','downtown','','hide','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=education"><IMG height=35 src="<?=$g4[path]?>/images/tap_03.gif" width=75 border=0 name=tab3></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab4','','<?=$g4[path]?>/images/tap_04on.gif',1);MM_showHideLayers('living','','hide','culture','','hide','education','','hide','downtown','','show','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=downtown"><IMG height=35 src="<?=$g4[path]?>/images/tap_04.gif" width=75 border=0 name=tab4></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab5','','<?=$g4[path]?>/images/tap_05on.gif',1);MM_showHideLayers('living','','hide','culture','','hide','education','','hide','downtown','','hide','realty','','show','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=realty"><IMG height=35 src="<?=$g4[path]?>/images/tap_05.gif" width=75 border=0 name=tab5></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab6','','<?=$g4[path]?>/images/tap_06on.gif',1);MM_showHideLayers('living','','show','culture','','hide','education','','hide','downtown','','hide','realty','','hide','job','','show')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=job"><IMG height=35 src="<?=$g4[path]?>/images/tap_06.gif" width=75 border=0 name=tab6></A></TD>
                            <TD><A onfocus=this.blur() href="<?=$g4[path]?>/bbs/group.php?gr_id=living"><IMG height=35 src="<?=$g4[path]?>/images/tap_07.gif" width=50 border=0></A></TD>
                           </TR>
<중략>
                            <TD><A onmouseover="MM_swapImage('tab1','','<?=$g4[path]?>/images/tap_01on.gif',1);MM_showHideLayers('living','','show','culture','','hide','education','','hide','downtown','','hide','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=living"><IMG height=35 src="<?=$g4[path]?>/images/tap_01.gif" width=75 border=0 name=tab1></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab2','','<?=$g4[path]?>/images/tap_02on.gif',1);MM_showHideLayers('living','','hide','culture','','show','education','','hide','downtown','','hide','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=culture"><IMG height=35 src="<?=$g4[path]?>/images/tap_02.gif" width=75 border=0 name=tab2></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab3','','<?=$g4[path]?>/images/tap_03on.gif',1);MM_showHideLayers('living','','hide','culture','','hide','education','','show','downtown','','hide','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=education"><IMG height=35 src="<?=$g4[path]?>/images/tap_03.gif" width=75 border=0 name=tab3></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab4','','<?=$g4[path]?>/images/tap_04on.gif',1);MM_showHideLayers('living','','hide','culture','','hide','education','','hide','downtown','','show','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=downtown"><IMG height=35 src="<?=$g4[path]?>/images/tap_04.gif" width=75 border=0 name=tab4></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab5','','<?=$g4[path]?>/images/tap_05on.gif',1);MM_showHideLayers('living','','hide','culture','','hide','education','','hide','downtown','','hide','realty','','show','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=realty"><IMG height=35 src="<?=$g4[path]?>/images/tap_05.gif" width=75 border=0 name=tab5></A></TD>
                            <TD><A onmouseover="MM_swapImage('tab6','','<?=$g4[path]?>/images/tap_06on.gif',1);MM_showHideLayers('living','','show','culture','','hide','education','','hide','downtown','','hide','realty','','hide','job','','show')" onfocus=this.blur() onmouseout=MM_swapImgRestore()   href="<?=$g4[path]?>/bbs/group.php?gr_id=job"><IMG height=35 src="<?=$g4[path]?>/images/tap_06.gif" width=75 border=0 name=tab6></A></TD>
                            <TD><A onfocus=this.blur() href="<?=$g4[path]?>/bbs/group.php?gr_id=living"><IMG height=35 src="<?=$g4[path]?>/images/tap_07.gif" width=50 border=0></A></TD>
                           </TR>
 
<중략>
 
<이렇게 4번 더 들어갑니다. 물론 id나 show, hide는 바뀝니다.>
|

댓글 2개

<?for ($i=1;$i<=지정된 수;i++){?>
<A onmouseover="MM_swapImage('tab<?=$i?>','','<?=$g4[path]?>/images/tap_0<?=$i?>on.gif',1);MM_showHideLayers('living','','show','culture','','hide','education','','hide','downtown','','hide','realty','','hide','job','','hide')" onfocus=this.blur() onmouseout=MM_swapImgRestore() href="<?=$g4[path]?>/bbs/group.php?gr_id=living"><IMG height=35 src="<?=$g4[path]?>/images/tap_0<?=$i?>.gif" width=75 border=0 name=tab<?=$i?>></A>
<?}?>

이런식으로 하면 되지 않을까요?...

제가 지금 집이 아니라 확인이 안되는군요 ㅠ...
담해 주신 분 감사드리고요..
테스트 해 보시고 다시 코멘트 남겨 주세요...

일단 http://sir.co.kr/bbs/tb.php/g4_skin/18025 여기에서 답을 얻었습니다.
<div>~~~</div>로 해결이 된다는 것을 알았습니다.
검색해 보니 이미 탭 메뉴 스킨이 많이 있군요...

"탭"으로 찾았다가 맘에 드는 것이 없었다(?) 싶었는데
"텝"으로 찾으니 참고 할 만한 스킨이 주루룩이네요...

(일반 스킨에서 검색)

더 나은 방법있으시면 부탁드립니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
19년 전 조회 1,640
19년 전 조회 1,557
19년 전 조회 1,966
19년 전 조회 1,559
19년 전 조회 1,536
19년 전 조회 1,614
19년 전 조회 1,558
19년 전 조회 1,600
19년 전 조회 2,105
19년 전 조회 1,584
19년 전 조회 1,536
19년 전 조회 2,925
19년 전 조회 1,549
19년 전 조회 1,623
19년 전 조회 1,544
19년 전 조회 1,613
19년 전 조회 1,611
19년 전 조회 1,590
19년 전 조회 1,566
19년 전 조회 1,758