메뉴 건너뛰기

검색창 닫기

tnt_lang

html/script 목록에서 선택된 라인에만 색칠하고 다른것은 이전색으로 변경하기

박상현 2003.11.13 09:43 조회 수 : 1705 추천:30

1. javascript에 아래의 내용을 넣음


table_stats=new Array();
table_colors = new Array();

<%-- 출력할 개수 --%>
var row_cnt = 0;

<%-- 배열 초기화 --%>
function init_array(cnt) {

  <%-- 출력할 개수 --%>
  row_cnt = cnt;

  for(i = 0; i < row_cnt; i++) {
   table_stats[i]=0;
  }

  for(j = 0; j < row_cnt; j++) {
   if(j%2==0) {
    table_colors[j] = ""#e2eff2"";
   } else {
    table_colors[j] = ""#F5F8FB"";
   }
  }
}

<%-- 목록 클릭 / 언클릭 상태에 따른 반응 --%>
function clicked(table_no) {
  var f = document.myform;

  for(i = 0; i < row_cnt; i++) {
   if(table_no == i) {
    document.all(""divid"")[i].style.background = ""#cccccc"";  <%-- 선택시 색 --%>
   } else {
    document.all(""divid"")[i].style.background = table_colors[i];
   }
  }
}

2. <body>의 onload에 init_array('<%=row_count%>');추가

3. javascript중에서 on_list, on_detail의 개수확인 다음에 아래것을 추가
  <%-- 색칠하기 --%>
  clicked(idx);"


4. 해당 라인(<td>)에 아래의 내용으로 정리

<- onClick및 onDblclick시에 실제 내용일 출력되는 부분에 <td..의 style추가및 <div id...>및 속성 추가
<td align=""left"" style=""cursor:hand;"" style=""margin:0px;padding:0px""
      onClick=""javascript:on_list(<%=i%>)""
      onDblClick=""javascript:on_detail(<%=i%>)"">
      <div id=""divid"" align=""left"" style=""vertical-align:middle; margin:0px; line-height:25px"">
      <%=Utility.head(title, 20)%>
     </div>
    </td>
"
이 게시물을
이 글의 추천인 목록 수정 삭제 목록
쓰기 태그
위로