테이블속성연습
<html>
<head>
<script language="javascript">
<!--
function selectRow(idx) {
index = idx + 1;
// 각 테이블에서 짝수줄 홀수줄의 색을 달리하여 가독성을 높임
for(i=0; i<3; i++) {
if(i % 2 == 0) {
tblList.rows(i+1).style.backgroundColor = "ffffff";
} else {
tblList.rows(i+1).style.backgroundColor = "f4f4f4";
}
}
// 선택된 열의 색을 다른색으로 하여 반전
tblList.rows(index).style.backgroundColor = "eeeeff";
// 테스트로 Alert을 찍어봄
// 선택된 열의 숨어있는 부분의 정보를 읽어서 보여줌.
alert(
tblList.rows(index).cells(6).innerText + " " +
tblList.rows(index).cells(7).innerText + " " +
tblList.rows(index).cells(8).innerText
);
// IFRAME에 있을 경우로 가정하고 자신의 상위 프레임의 form에 값을 넣기 위해
// 상위 프레임의 setField 메소드를 호출
// parent.setField(
// tblList.rows(index).cells(6).innerText,
// tblList.rows(index).cells(7).innerText,
// tblList.rows(index).cells(8).innerText
// );
}
//-->
</script>
</head>
<body>
<table width="100%" id="tblList" cellspacing="1" cellpadding="0" bgcolor="d9d9d9">
<tr align="center" height="23">
<td width="16%" align="center">등록일</td>
<td width="18%" align="center">번호</td>
<td width="16%" align="center">이름</td>
<td width="16%" align="center">만료일</td>
<td width="16%" align="center">성별</td>
<td width="18%" align="center">비고</td>
<td style="visibility:hidden;position:absolute;"></td>
<td style="visibility:hidden;position:absolute;"></td>
<td style="visibility:hidden;position:absolute;"></td>
</tr>
<tr onClick="selectRow(0);" height="23" bgcolor="ffffff">
<td align="center">2004/10/10</td>
<td align="center">1</td>
<td align="center">김개똥</td>
<td align="center">2004/12/31</td>
<td align="center">남</td>
<td align="center"></td>
<td style="visibility:hidden;position:absolute;">20041010</td>
<td style="visibility:hidden;position:absolute;">20041231</td>
<td style="visibility:hidden;position:absolute;">M</td>
</tr>
<tr onClick="selectRow(1);" height="23" bgcolor="f4f4f4">
<td align="center">2004/08/01</td>
<td align="center">2</td>
<td align="center">박말숙</td>
<td align="center">2004/12/20</td>
<td align="center">여</td>
<td align="center"></td>
<td style="visibility:hidden;position:absolute;">20040801</td>
<td style="visibility:hidden;position:absolute;">20041220</td>
<td style="visibility:hidden;position:absolute;">F</td>
</tr>
<tr onClick="selectRow(2);" height="23" bgcolor="ffffff">
<td align="center">2004/05/01</td>
<td align="center">3</td>
<td align="center">한마리</td>
<td align="center">2004/12/31</td>
<td align="center">여</td>
<td align="center"></td>
<td style="visibility:hidden;position:absolute;">20040501</td>
<td style="visibility:hidden;position:absolute;">20041231</td>
<td style="visibility:hidden;position:absolute;">F</td>
</tr>
</table>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
<head>
<script language="javascript">
<!--
function selectRow(idx) {
index = idx + 1;
// 각 테이블에서 짝수줄 홀수줄의 색을 달리하여 가독성을 높임
for(i=0; i<3; i++) {
if(i % 2 == 0) {
tblList.rows(i+1).style.backgroundColor = "ffffff";
} else {
tblList.rows(i+1).style.backgroundColor = "f4f4f4";
}
}
// 선택된 열의 색을 다른색으로 하여 반전
tblList.rows(index).style.backgroundColor = "eeeeff";
// 테스트로 Alert을 찍어봄
// 선택된 열의 숨어있는 부분의 정보를 읽어서 보여줌.
alert(
tblList.rows(index).cells(6).innerText + " " +
tblList.rows(index).cells(7).innerText + " " +
tblList.rows(index).cells(8).innerText
);
// IFRAME에 있을 경우로 가정하고 자신의 상위 프레임의 form에 값을 넣기 위해
// 상위 프레임의 setField 메소드를 호출
// parent.setField(
// tblList.rows(index).cells(6).innerText,
// tblList.rows(index).cells(7).innerText,
// tblList.rows(index).cells(8).innerText
// );
}
//-->
</script>
</head>
<body>
<table width="100%" id="tblList" cellspacing="1" cellpadding="0" bgcolor="d9d9d9">
<tr align="center" height="23">
<td width="16%" align="center">등록일</td>
<td width="18%" align="center">번호</td>
<td width="16%" align="center">이름</td>
<td width="16%" align="center">만료일</td>
<td width="16%" align="center">성별</td>
<td width="18%" align="center">비고</td>
<td style="visibility:hidden;position:absolute;"></td>
<td style="visibility:hidden;position:absolute;"></td>
<td style="visibility:hidden;position:absolute;"></td>
</tr>
<tr onClick="selectRow(0);" height="23" bgcolor="ffffff">
<td align="center">2004/10/10</td>
<td align="center">1</td>
<td align="center">김개똥</td>
<td align="center">2004/12/31</td>
<td align="center">남</td>
<td align="center"></td>
<td style="visibility:hidden;position:absolute;">20041010</td>
<td style="visibility:hidden;position:absolute;">20041231</td>
<td style="visibility:hidden;position:absolute;">M</td>
</tr>
<tr onClick="selectRow(1);" height="23" bgcolor="f4f4f4">
<td align="center">2004/08/01</td>
<td align="center">2</td>
<td align="center">박말숙</td>
<td align="center">2004/12/20</td>
<td align="center">여</td>
<td align="center"></td>
<td style="visibility:hidden;position:absolute;">20040801</td>
<td style="visibility:hidden;position:absolute;">20041220</td>
<td style="visibility:hidden;position:absolute;">F</td>
</tr>
<tr onClick="selectRow(2);" height="23" bgcolor="ffffff">
<td align="center">2004/05/01</td>
<td align="center">3</td>
<td align="center">한마리</td>
<td align="center">2004/12/31</td>
<td align="center">여</td>
<td align="center"></td>
<td style="visibility:hidden;position:absolute;">20040501</td>
<td style="visibility:hidden;position:absolute;">20041231</td>
<td style="visibility:hidden;position:absolute;">F</td>
</tr>
</table>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5246 | node.js |
swallow
|
2년 전 | 1106 | |
| 5245 | PHP |
swallow
|
2년 전 | 2528 | |
| 5244 | PHP |
swallow
|
2년 전 | 1287 | |
| 5243 | JavaScript |
swallow
|
2년 전 | 687 | |
| 5242 | node.js |
swallow
|
2년 전 | 667 | |
| 5241 | node.js |
swallow
|
2년 전 | 779 | |
| 5240 | MySQL |
swallow
|
2년 전 | 808 | |
| 5239 | MySQL | 2년 전 | 785 | ||
| 5238 | JavaScript | 2년 전 | 983 | ||
| 5237 | 웹서버 |
swallow
|
2년 전 | 3991 | |
| 5236 | PHP |
swallow
|
2년 전 | 900 | |
| 5235 | PHP |
swallow
|
2년 전 | 1379 | |
| 5234 | 기타 | 2년 전 | 763 | ||
| 5233 | jQuery |
swallow
|
2년 전 | 2037 | |
| 5232 | 2년 전 | 619 | |||
| 5231 | 2년 전 | 1174 | |||
| 5230 | 2년 전 | 1077 | |||
| 5229 | PHP |
swallow
|
2년 전 | 1025 | |
| 5228 | MySQL | 2년 전 | 727 | ||
| 5227 | PHP |
swallow
|
2년 전 | 838 | |
| 5226 | PHP |
swallow
|
2년 전 | 1814 | |
| 5225 | PHP | 2년 전 | 576 | ||
| 5224 | node.js |
swallow
|
2년 전 | 4084 | |
| 5223 | PHP |
swallow
|
2년 전 | 1317 | |
| 5222 | 기타 |
techstar
|
2년 전 | 563 | |
| 5221 | PHP | 2년 전 | 653 | ||
| 5220 |
swallow
|
2년 전 | 906 | ||
| 5219 | 2년 전 | 881 | |||
| 5218 | 2년 전 | 524 | |||
| 5217 | 2년 전 | 1001 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기