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>
"
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>
"
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 38 | orion와 eclipse을 이용하여 EJB개발시 참고(내부개발용) | 박상현 | 2004.06.22 | 2385 |
| 37 | 주소 감추기 | 박상현 | 2004.06.13 | 1878 |
| 36 | javascript: event,this는 사용할 수 없습니다 | 박상현 | 2004.06.13 | 1694 |
| 35 | 점선없애기 | 박상현 | 2004.06.13 | 1891 |
| 34 | <table></table>을 스크롤 시키기 | 박상현 | 2004.04.09 | 1699 |
| 33 | td및 tr의 위치 알아내기 | 박상현 | 2004.01.31 | 2655 |
| 32 | 자바스크립트 펑션 및 변수 공유 | 박상현 | 2004.01.07 | 2284 |
| 31 | 스크롤바를 따라다니는 메뉴판 | 박상현 | 2003.12.04 | 1527 |
| 30 | 스크롤바를 따라다니는 이미지 | 박상현 | 2003.12.04 | 1616 |
| 29 | 이벤트 종류알기 및 좌표 읽기 | 박상현 | 2003.12.03 | 1935 |
| 28 | 문서크기에 맞게 아이프레임폭 자동으로 조정하기 | 박상현 | 2003.11.17 | 1865 |
| » | 목록에서 선택된 라인에만 색칠하고 다른것은 이전색으로 변경하기 | 박상현 | 2003.11.13 | 1641 |
| 26 | 목록에서 다중 선택된 항목을 표시(특정색상)하고 체크박스를 선택해주는 스크립트 | 박상현 | 2003.11.07 | 2789 |
| 25 | 여러가지의 색으로 롤오버 효과및 항목을 선택시 선택된 색을 고정시키는 예제 | 박상현 | 2003.11.07 | 2148 |
| 24 | 쇼핑몰에 포함될 기능(참고) | 박상현 | 2003.11.06 | 1559 |
| 23 | 한글처리 방법/절차 이해 | 박상현 | 2003.10.20 | 1873 |
| 22 | event.keyCode의 숫자표 | 박상현 | 2003.10.20 | 1824 |
| 21 | jsp페이지에서 popup창의 depth에 따른 메인 복귀 방법 달리하기... | 박상현 | 2003.10.14 | 3411 |
| 20 | 배포하기(Cab 파일 작성법) | 박상현 | 2003.10.13 | 2531 |
| 19 | 정수값을 3자리수마다 컴마를 찍기 | 박상현 | 2003.10.13 | 2121 |