탭 메뉴를 만들어 보려고 합니다. 정보
탭 메뉴를 만들어 보려고 합니다.본문
탭메뉴를 하나 만들어 볼려고 하는데요.
자바에 무식한인 제가 이제껏 이미지 맵만 사용하다가
오늘 자바를 사용해 보려고 해 보니 소스 코드가 엄청 길어 집니다.
탭이 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('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>
<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는 바뀝니다.>
댓글 전체

<?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>
<?}?>
이런식으로 하면 되지 않을까요?...
제가 지금 집이 아니라 확인이 안되는군요 ㅠ...
<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>로 해결이 된다는 것을 알았습니다.
검색해 보니 이미 탭 메뉴 스킨이 많이 있군요...
"탭"으로 찾았다가 맘에 드는 것이 없었다(?) 싶었는데
"텝"으로 찾으니 참고 할 만한 스킨이 주루룩이네요...
(일반 스킨에서 검색)
더 나은 방법있으시면 부탁드립니다.
테스트 해 보시고 다시 코멘트 남겨 주세요...
일단 http://sir.co.kr/bbs/tb.php/g4_skin/18025 여기에서 답을 얻었습니다.
<div>~~~</div>로 해결이 된다는 것을 알았습니다.
검색해 보니 이미 탭 메뉴 스킨이 많이 있군요...
"탭"으로 찾았다가 맘에 드는 것이 없었다(?) 싶었는데
"텝"으로 찾으니 참고 할 만한 스킨이 주루룩이네요...
(일반 스킨에서 검색)
더 나은 방법있으시면 부탁드립니다.