자바스크립트 오류?? 어디가 대체 ㅠㅠ > 그누4 질문답변

그누4 질문답변

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

자바스크립트 오류?? 어디가 대체 ㅠㅠ 정보

자바스크립트 오류?? 어디가 대체 ㅠㅠ

본문

처음 페이지 로드시
 
1개월(노란색배경),2개월(회색배경),3개월(회색배경)
 
이렇게 되있는데요.css class가 on일때 노란색이고 off일때 회색인데요
 
2개월을 클릭하면 1개월이 off되고 2개월on되고 3개월off되야되는데
 
---------------------html부분
<form name="searchForm1"  action="order_list.php" method="post">

<input type="hidden" name="startDate" value="">
<input type="hidden" name="endDate" value="">
<input type="hidden" name="periodType" value="">
 
<div class="btn_tab_grp">
  <ul>
  <li id="tab1_st0" class="on"><a href="javascript_:setDate(4, 0, <?=$day_1?>, <?=$day_2?>);"><span>1개월</span></a></li>
 
  <li id="tab1_st1" class="off"><a href="javascript_:setDate(4, 1, <?=$day_3?>, <?=$day_2?>);"><span>2개월</span></a></li>
 
  <li id="tab1_st2" class="off"><a href="javascript_:setDate(4, 2, <?=$day_4?>, <?=$day_2?>);"><span>3개월</span></a></li>
  </ul>
 </div>
 
</form>
----------스크립트부분
 
function setDate(tabSize, tabIndex, startDate, endDate) {
    tab_combo(tabSize, 'tab1_st', tabIndex);
 
    var form = document.searchForm1;
    form.startDate.value    = startDate;
    form.endDate.value      = endDate;
    form.periodType.value  = tabIndex;
    form.goodsKeyword.value = '';
    form.submit();
 }
 function tab_combo(tabSize, tabId, idx, ctsId, cts2Id) {
  var objTab, objCts, objCts2;
  var className;
 
 for (var i=0; i<tabSize; i++) {
  objTab = document.getElementById(tabId + i);
 
  if (i == idx)
    {objTab.className = objTab.className.replace('off', 'on');}
  else
    {objTab.className = objTab.className.replace('on', 'off');}
  }
 
}
 
---------------- css
 
.btn_tab_grp{clear:both;height:38px;margin:0 auto;}
 .btn_tab_grp ul li:first-child{margin-left:0;}
 .btn_tab_grp ul li{float:left;margin-left:5px;width:15%}
 .btn_tab_grp ul li a span{display:block;line-height:34px;font-size:0.9em;color:#fff;text-align:center;letter-spacing:-0.1em;}
 .btn_tab_grp ul li.on a span{border:1px solid #7bb92e;background:#5eaa00;}
 .btn_tab_grp ul li.off a span{border:1px solid #b7b7b7;background:#a7a7a7;}
 
 
 
이렇게 되있는데여
 
지금 이게 실행이안대요-0-;;;;
 
만약 2개월을 클릭하면 on으로 바뀌고 다시 1개월로 돌아가서 로드되고요 ㅠㅠ

2개월 눌렀을떄 페이지가 다시 로드 되야 하는데 로드되면서 다시 1개월로 on이 되고요

도대체 어디가 문제인지 미쳐버리겠네여 ㅠㅠ
 
for이 분명 멈추는데 대체 어디서 문제 인지 모르겠어여-0-
 
도와주세여 ㅠㅠ
  • 복사

댓글 전체

© SIRSOFT
현재 페이지 제일 처음으로