목록에서 다중 선택된 항목을 표시(특정색상)하고 체크박스를 선택해주는 스크립트
<script language='javascript'>
// 필요한 만큼 배열설정
<%
String curr_pages = request.getParameter("one_page");
%>
table_color=new Array();
table_stats=new Array();
for(i = 0; i < <%=curr_pages%>; i++) {
table_stats[i]=0;
}
for(i = 0; i < <%=curr_pages%>; i++) {
table_color[i]='#aaaaff';
}
var table_out_color='';
//이전 색으로 돌림
var temp=0;
// 마우스 오버시...
function m_over(table_obj,table_no) {
table_obj.style.backgroundColor=table_color[table_no];
}
// 테이블 클릭 / 언클릭 상태 저장
function clicked(table_obj, table_no) {
var f = document.myform;
f.checkb[table_no].checked = true;
temp=table_stats[table_no];
temp=temp + (temp==0) - (temp==1);
table_stats[table_no]=temp;
}
// 마우스 아웃시
function m_out(table_obj,table_no) {
var f = document.myform;
if (!table_stats[table_no]) {
table_obj.style.backgroundColor=table_out_color;
f.checkb[table_no].checked = false;
}
// 클릭 되어있는지 검사...
}
// 테스트 끝
</script>
.......
<table>
<tr class='trclass05' height='25' style='background-color: <%= (i%2==0) ? "#e2eff2" : "#F5F8FB"%>' onMouseOver=this.style.backgroundColor='#EEEEEE'
onMouseOut=this.style.backgroundColor=<%= (i%2==0) ? "'#e2eff2'" : "'#F5F8FB'" %> >
<td><div align="center">
<input type='checkbox' name='checkb' value='<%=i%>'>
<%-- Key값 --%>
<input type='hidden' name='K1' value='<%=news_id%>'>
<input type='hidden' name='K2' value='<%=new_seq%>'>
<%-- plan_id의 배열값을 임시로 보관 --%>
<input type='hidden' name='plan_id_tmp' value='<%=plan_id%>'>
</div></td>
<td><div align="center"><%=make_dept_nm%></div></td>
<td><div align="center"><%=make_datetime%></div></td>
<td align="left" style="cursor:hand"
onMouseOver="m_over(this,<%=i%>)"
onMouseOut="m_out(this,<%=i%>)"
onClick="javascript:clicked(this, <%=i%>);"
onDblClick="javascript:on_detail(<%=i%>)">
<%=Utility.head(title, 20)%></div></td>
<td><div align="center"><%=make_nm%></div></td>
<td><div align="center"><%=news_class%></div></td>
<td><div align="center"><%=pgm_nm%></div></td>
</tr>
</table>
<script language='javascript'>
// 필요한 만큼 배열설정
<%
String curr_pages = request.getParameter("one_page");
%>
table_color=new Array();
table_stats=new Array();
for(i = 0; i < <%=curr_pages%>; i++) {
table_stats[i]=0;
}
for(i = 0; i < <%=curr_pages%>; i++) {
table_color[i]='#aaaaff';
}
var table_out_color='';
//이전 색으로 돌림
var temp=0;
// 마우스 오버시...
function m_over(table_obj,table_no) {
table_obj.style.backgroundColor=table_color[table_no];
}
// 테이블 클릭 / 언클릭 상태 저장
function clicked(table_obj, table_no) {
var f = document.myform;
f.checkb[table_no].checked = true;
temp=table_stats[table_no];
temp=temp + (temp==0) - (temp==1);
table_stats[table_no]=temp;
}
// 마우스 아웃시
function m_out(table_obj,table_no) {
var f = document.myform;
if (!table_stats[table_no]) {
table_obj.style.backgroundColor=table_out_color;
f.checkb[table_no].checked = false;
}
// 클릭 되어있는지 검사...
}
// 테스트 끝
</script>
.......
<table>
<tr class='trclass05' height='25' style='background-color: <%= (i%2==0) ? "#e2eff2" : "#F5F8FB"%>' onMouseOver=this.style.backgroundColor='#EEEEEE'
onMouseOut=this.style.backgroundColor=<%= (i%2==0) ? "'#e2eff2'" : "'#F5F8FB'" %> >
<td><div align="center">
<input type='checkbox' name='checkb' value='<%=i%>'>
<%-- Key값 --%>
<input type='hidden' name='K1' value='<%=news_id%>'>
<input type='hidden' name='K2' value='<%=new_seq%>'>
<%-- plan_id의 배열값을 임시로 보관 --%>
<input type='hidden' name='plan_id_tmp' value='<%=plan_id%>'>
</div></td>
<td><div align="center"><%=make_dept_nm%></div></td>
<td><div align="center"><%=make_datetime%></div></td>
<td align="left" style="cursor:hand"
onMouseOver="m_over(this,<%=i%>)"
onMouseOut="m_out(this,<%=i%>)"
onClick="javascript:clicked(this, <%=i%>);"
onDblClick="javascript:on_detail(<%=i%>)">
<%=Utility.head(title, 20)%></div></td>
<td><div align="center"><%=make_nm%></div></td>
<td><div align="center"><%=news_class%></div></td>
<td><div align="center"><%=pgm_nm%></div></td>
</tr>
</table>
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
38 | orion와 eclipse을 이용하여 EJB개발시 참고(내부개발용) | 박상현 | 2004.06.22 | 2442 |
37 | 주소 감추기 | 박상현 | 2004.06.13 | 1955 |
36 | javascript: event,this는 사용할 수 없습니다 | 박상현 | 2004.06.13 | 1765 |
35 | 점선없애기 | 박상현 | 2004.06.13 | 1973 |
34 | <table></table>을 스크롤 시키기 | 박상현 | 2004.04.09 | 1758 |
33 | td및 tr의 위치 알아내기 | 박상현 | 2004.01.31 | 2751 |
32 | 자바스크립트 펑션 및 변수 공유 | 박상현 | 2004.01.07 | 2337 |
31 | 스크롤바를 따라다니는 메뉴판 | 박상현 | 2003.12.04 | 1575 |
30 | 스크롤바를 따라다니는 이미지 | 박상현 | 2003.12.04 | 1684 |
29 | 이벤트 종류알기 및 좌표 읽기 | 박상현 | 2003.12.03 | 1989 |
28 | 문서크기에 맞게 아이프레임폭 자동으로 조정하기 | 박상현 | 2003.11.17 | 1928 |
27 | 목록에서 선택된 라인에만 색칠하고 다른것은 이전색으로 변경하기 | 박상현 | 2003.11.13 | 1705 |
» | 목록에서 다중 선택된 항목을 표시(특정색상)하고 체크박스를 선택해주는 스크립트 | 박상현 | 2003.11.07 | 2837 |
25 | 여러가지의 색으로 롤오버 효과및 항목을 선택시 선택된 색을 고정시키는 예제 | 박상현 | 2003.11.07 | 2212 |
24 | 쇼핑몰에 포함될 기능(참고) | 박상현 | 2003.11.06 | 1624 |
23 | 한글처리 방법/절차 이해 | 박상현 | 2003.10.20 | 1930 |
22 | event.keyCode의 숫자표 | 박상현 | 2003.10.20 | 1863 |
21 | jsp페이지에서 popup창의 depth에 따른 메인 복귀 방법 달리하기... | 박상현 | 2003.10.14 | 3496 |
20 | 배포하기(Cab 파일 작성법) | 박상현 | 2003.10.13 | 2580 |
19 | 정수값을 3자리수마다 컴마를 찍기 | 박상현 | 2003.10.13 | 2177 |