메뉴 탭 관련(스크립트) 좀..ㅠ.ㅠ 도와주세요.ㅠ.ㅠ 정보
메뉴 탭 관련(스크립트) 좀..ㅠ.ㅠ 도와주세요.ㅠ.ㅠ본문
어느덧 벌써 겨울이 찾아와버렸네요~
영하로 떨어지고 서울은 벌써 물이 얼기 시작했다고 하는데요~^^
언제나 감기조심! 하는거 잊지 마세요~^^
막히는 부분이 있어서 문의좀 드릴게요.
자바스크립트를 두개 섞었더니.ㅡ.ㅜ...
우선 문의 드릴게요^^
<!-- 마우스 롤오버 시작-->
<script language="JavaScript">
<!--
img1on = new Image( );
img1on.src = "/img/category_under/menu_1_on.gif";
img1off = new Image( );
img1off.src = "/img/category_under/menu_1.gif";
img2on = new Image( );
img2on.src = "/img/category_under/menu_2_on.gif";
img2off = new Image( );
img2off.src = "/img/category_under/menu_2.gif";
img3on = new Image( );
img3on.src = "/img/category_under/menu_3_on.gif";
img3off = new Image( );
img3off.src = "/img/category_under/menu_3.gif";
img4on = new Image( );
img4on.src = "/img/category_under/menu_4_on.gif";
img4off = new Image( );
img4off.src = "/img/category_under/menu_4.gif";
function img_act(imgName) {
if(clickImgName!=imgName)
document [imgName].src = eval(imgName + "on.src");
}
function img_inact(imgName) {
if(clickImgName!=imgName)
document [imgName].src = eval(imgName + "off.src");
}
var clickImgName;
function img_click(imgName){
var temp = clickImgName;
clickImgName = imgName;
if(temp!=null && temp!=imgName)
img_inact(temp);
}
//-->
</script>
<table width="715" height="30" border="0" cellpadding="0" cellspacing="0" background="http://www.daymall.com/img/category_under/menu_bg.gif">
<tr>
<td width="423">
<table width="442" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="javascript_:sort('maker desc')" onfocus='this.blur()' onmouseover="img_act('img1')" onmouseout="img_inact('img1')" onclick="img_click('img1')">
<img src="http://www.daymall.com/img/category_under/menu_1.gif" style="margin:0,0,0,0" border="0" name="img1"></a></td>
<td>
<a href="javascript_:sort('maker')" onfocus='this.blur()' onmouseover="img_act('img2')" onmouseout="img_inact('img2')" onclick="img_click('img2')">
<img src="http://www.daymall.com/img/category_under/menu_2.gif" style="margin:0,0,0,0" border="0" name="img2"></a></td>
<td>
<a href="javascript_:sort('price desc')" onfocus='this.blur()' onmouseover="img_act('img3')" onmouseout="img_inact('img3')" onclick="img_click('img3')">
<img src="http://www.daymall.com/img/category_under/menu_3.gif" style="margin:0,0,0,0" border="0" name="img3"></a></td>
<td>
<a href="javascript_:sort('price')" onfocus='this.blur()' onmouseover="img_act('img4')" onmouseout="img_inact('img4')" onclick="img_click('img4')">
<img src="http://www.daymall.com/img/category_under/menu_4.gif" style="margin:0,0,0,0" border="0" name="img4"></a></td>
</tr>
</table></td>
<td width="120"> </td>
<td align="right"><img src="/img/category_under/menu_07.gif"></td>
</tr>
</table>
위와 같은 스크립트를 사용했는데요.
a href="javascript_:sort('xxxx')" 가 들어가면 제대로 작동이 안합니다.ㅠ.ㅠ
sort 와 롤오버 기능은 정상적으로 작동하는데! 여기서 문제가 소트된 메뉴가 고정이 안됩니다.
즉 1번을 눌렀을때 1번 누른 표시로 남아야 되는데.. 이걸 못하겠어요.ㅠ.ㅠ
sort 부분 스크립트는
function sort(sort)
{
var fm = document.frmList;
fm.sort.value = sort;
fm.submit();
}
function sort_chk(sort)
{
if (!sort) return;
sort = sort.replace(" ","_");
var obj = document.getElementsByName('sort_'+sort);
if (obj.length){
div = obj[0].src.split('list_');
for (i=0;i<obj.length;i++){
chg = (div[1]=="\up_off.gif") ? "\up_on.gif" : "\down_on.gif";
obj[i].src = div[0] + "list_" + chg;
}
}
}
<!--{ ? _GET['sort'] }-->
sort_chk('{_GET['sort']}');
<!--{ / }-->
</script>
위와 같습니다. sort 부분을 변경해야되는것 같은데.. 어찌 해야되는지 좀 알려주시면 .. 완전 감사하겠습니다 (__)
영하로 떨어지고 서울은 벌써 물이 얼기 시작했다고 하는데요~^^
언제나 감기조심! 하는거 잊지 마세요~^^
막히는 부분이 있어서 문의좀 드릴게요.
자바스크립트를 두개 섞었더니.ㅡ.ㅜ...
우선 문의 드릴게요^^
<!-- 마우스 롤오버 시작-->
<script language="JavaScript">
<!--
img1on = new Image( );
img1on.src = "/img/category_under/menu_1_on.gif";
img1off = new Image( );
img1off.src = "/img/category_under/menu_1.gif";
img2on = new Image( );
img2on.src = "/img/category_under/menu_2_on.gif";
img2off = new Image( );
img2off.src = "/img/category_under/menu_2.gif";
img3on = new Image( );
img3on.src = "/img/category_under/menu_3_on.gif";
img3off = new Image( );
img3off.src = "/img/category_under/menu_3.gif";
img4on = new Image( );
img4on.src = "/img/category_under/menu_4_on.gif";
img4off = new Image( );
img4off.src = "/img/category_under/menu_4.gif";
function img_act(imgName) {
if(clickImgName!=imgName)
document [imgName].src = eval(imgName + "on.src");
}
function img_inact(imgName) {
if(clickImgName!=imgName)
document [imgName].src = eval(imgName + "off.src");
}
var clickImgName;
function img_click(imgName){
var temp = clickImgName;
clickImgName = imgName;
if(temp!=null && temp!=imgName)
img_inact(temp);
}
//-->
</script>
<table width="715" height="30" border="0" cellpadding="0" cellspacing="0" background="http://www.daymall.com/img/category_under/menu_bg.gif">
<tr>
<td width="423">
<table width="442" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="javascript_:sort('maker desc')" onfocus='this.blur()' onmouseover="img_act('img1')" onmouseout="img_inact('img1')" onclick="img_click('img1')">
<img src="http://www.daymall.com/img/category_under/menu_1.gif" style="margin:0,0,0,0" border="0" name="img1"></a></td>
<td>
<a href="javascript_:sort('maker')" onfocus='this.blur()' onmouseover="img_act('img2')" onmouseout="img_inact('img2')" onclick="img_click('img2')">
<img src="http://www.daymall.com/img/category_under/menu_2.gif" style="margin:0,0,0,0" border="0" name="img2"></a></td>
<td>
<a href="javascript_:sort('price desc')" onfocus='this.blur()' onmouseover="img_act('img3')" onmouseout="img_inact('img3')" onclick="img_click('img3')">
<img src="http://www.daymall.com/img/category_under/menu_3.gif" style="margin:0,0,0,0" border="0" name="img3"></a></td>
<td>
<a href="javascript_:sort('price')" onfocus='this.blur()' onmouseover="img_act('img4')" onmouseout="img_inact('img4')" onclick="img_click('img4')">
<img src="http://www.daymall.com/img/category_under/menu_4.gif" style="margin:0,0,0,0" border="0" name="img4"></a></td>
</tr>
</table></td>
<td width="120"> </td>
<td align="right"><img src="/img/category_under/menu_07.gif"></td>
</tr>
</table>
위와 같은 스크립트를 사용했는데요.
a href="javascript_:sort('xxxx')" 가 들어가면 제대로 작동이 안합니다.ㅠ.ㅠ
sort 와 롤오버 기능은 정상적으로 작동하는데! 여기서 문제가 소트된 메뉴가 고정이 안됩니다.
즉 1번을 눌렀을때 1번 누른 표시로 남아야 되는데.. 이걸 못하겠어요.ㅠ.ㅠ
sort 부분 스크립트는
function sort(sort)
{
var fm = document.frmList;
fm.sort.value = sort;
fm.submit();
}
function sort_chk(sort)
{
if (!sort) return;
sort = sort.replace(" ","_");
var obj = document.getElementsByName('sort_'+sort);
if (obj.length){
div = obj[0].src.split('list_');
for (i=0;i<obj.length;i++){
chg = (div[1]=="\up_off.gif") ? "\up_on.gif" : "\down_on.gif";
obj[i].src = div[0] + "list_" + chg;
}
}
}
<!--{ ? _GET['sort'] }-->
sort_chk('{_GET['sort']}');
<!--{ / }-->
</script>
위와 같습니다. sort 부분을 변경해야되는것 같은데.. 어찌 해야되는지 좀 알려주시면 .. 완전 감사하겠습니다 (__)
댓글 전체