테스트 사이트 - 개발 중인 베타 버전입니다
SIR

테이블속성연습

개발자 javascript
MCLUB
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 1776
<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>
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

팁게시판

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기

pc 모바일 체크

#개발자 #php
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

계정 사용량(용량) 확인

#개발자 #php
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

Html, script 등 기초부터 배우실 분에게 유용한

#디자이너
m모비딕
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

textarea 입력한 엔터값 출력하기 [1]

#개발자 #php
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

소수점 반올림 버림

#개발자 #mysql
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

제가 아는 무료 이미지 사이트 모음 [3]

#디자이너
요요메토
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

jQuery version 1.9 이상에서 $.browser 사용하기

#개발자 #jquery
띠아블
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

에러 로그파일 생성하기

#개발자 #php
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

간단한 특정 IP 차단하기 입니다. [1]

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

다른 사이트의 내용을 자동으로 긁어오기 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

후이즈검색 하기 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

그래프 그리기 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

자바스크립트로 구현한 number_format() 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

금액 관련 숫자를 한글로 변환하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

PHP 날짜 계산 관련 함수

#개발자 #php
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

jQuery 1.x와 2.x 버전 동시에 사용하기

#개발자 #jquery
서서로웹
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

요일, 시간마다 다른 CSS 제어하기 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

iframe내의 id셀렉터 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

사업자 등록번호 검사하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

웹디자인할때 유용한 색상조합 [4]

#디자이너
디자몽
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

폼전송을 통해서 페이지를 이동하기 입니다.

#개발자 #php
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

항상 같은곳에 광고창 만들기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

부메뉴 나오게 하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

특정문자 제거하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전

휴대폰번호 검사 하기 입니다.

#개발자 #javascript
혀니천사
프로필 보기이 회원 글보기이 회원의 댓글보기
• 9년 전