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

탭메뉴를 하나 만들어 볼려고 하는데요.
자바에 무식한인 제가 이제껏 이미지 맵만 사용하다가
오늘 자바를 사용해 보려고 해 보니 소스 코드가 엄청 길어 집니다.
탭이 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,610
19년 전 조회 1,518
19년 전 조회 1,938
19년 전 조회 1,527
19년 전 조회 1,505
19년 전 조회 1,547
19년 전 조회 1,529
19년 전 조회 1,567
19년 전 조회 2,047
19년 전 조회 1,555
19년 전 조회 1,511
19년 전 조회 2,892
19년 전 조회 1,517
19년 전 조회 1,589
19년 전 조회 1,517
19년 전 조회 1,577
19년 전 조회 1,582
19년 전 조회 1,564
19년 전 조회 1,535
19년 전 조회 1,730
🐛 버그신고