▶ 뭉충닷컴
 
mungchung.com login
Site Search
My Space
주절주절...
공부방
쥔장소개
Board
자유게시판
유용한 정보
자료실
Programming
강좌 & Articles
Spring 3.0
프로그래밍 Tip
   -ASP
   -PHP
   -JavaScript
   -HTML
   -Java/JSP
   -Database
   -Crystal Report
   -Visual Basic
   -이클립스
   -리눅스
   -기타
Windows API (VB)
Spread Sheet 7.0
컴퓨터활용 Tip
Other things
StarCraft 전략
StarCraft 문서
김용(金庸)
Son Q & Dieda

일반적인 웹프로그래밍 방식으로 행마다 색 변하게 하는 방법은 아주 간단하다.

<% do until rs.eof if i mod 2 = 0 then Response.Write "<tr bgcolor=cccccc><td>내용</td></tr>" else Response.Write "<tr bgcolor=white><td>내용</td></tr>" end if i = i + 1 rs.movenext loop %>

위의 예제는 asp로 예를 들었지만 대개 mod 함수를 이용해서 즉, 나머지 함수를 이용해서 1 이면 흰색 0이면 cccccc의 회색이 되도록 한다. 이런 아주 간단하게 행마다 격으로 색을 바꾸는 방법이 TDC에 적용할때는 괴롭다. 한번 나름대로 어떻게 해야하는지 곰곰히 생각해보면 의외로 답이 안나옴을 알수 있을것이다. -_-;

아래 코드는 어설프게나마 행마다 격으로 색이 변하게 하는 방법이다. 실제로 개발하면서 내가 쓴일은 없고 다른 사람이 어떻게 하냐고해서 고민고민끝에 만들어 본거다. 아래코드의 한가지 단점이 있다면 처리속도가 느려지만 색이 안바뀐다. -_-; 일반적인 홈페이지정도의 수준은 괜찮지만 대기업 데이타 이용했을때 처리속도가 몇초가 넘어버리니 아래 코드가 안먹었다. 그래서 시간 설정해주고 체크해서 어찌 저찌 괴롭게 처리하긴 했는데 그 소스는 정리하기 귀찮아서 그냥 여기서 소개안한다.

혹 대강이라도 어떤 방식인지 보고 싶다면 http://www.mungchung.com/mianamssi/zboard/view.php?id=protip&no=92 여기 가보면 된다. 코멘트로 내가 남겨두었다 (김발똥은 내 인터넷명칭 -_-)

간단하므로 소스 설명 역시나 간단하다. 단지 색으로 강조한 부분만 잘 보면 된다. 맨 아랫 부분의 파란색 코드가 추가된 부분이다.

실행되는 모습 보기

아래는 소스코드이다.

<OBJECT id=List CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">
    <PARAM NAME="UseHeader" VALUE="true">
    <PARAM NAME="DataURL" VALUE="list.txt">
    <PARAM NAME="TextQualifier" VALUE="|">
    <param NAME="FieldDelim" VALUE="¶">
    <PARAM NAME="RowDelim" VALUE="^">
    <PARAM NAME="CharSet" VALUE="euc-kr">
</OBJECT>

<table DataSrc="#List" id="oTbl" bgcolor="#CBCBCB" border="0" cellspacing="1" cellpadding="5">
    <thead>
    <tr bgcolor="#E3F1F7">
        <td>가수</td>
        <td>곡명</td>
    </tr>
    <tr id="loading">
            <td colspan="2" align="center">Loading...</td>
    </tr>
    </head>
    <tbody>
    <tr bgcolor="#FFFFFF" id="data">
        <td><span datafld="Name" DATAFORMATAS="HTML"></span></td>
        <td><span datafld="SongName" DATAFORMATAS="HTML"></span></td>
    </tr>
    </tbody>        
</table>

<script for="List" event="ondatasetcomplete">
    var rs = List.recordset;
    if (!rs.eof) {
        loading.style.display = "none";
    }
</script>
<script language="javascript">
    function window.onload() {
        fnGiveRowsBgColor(oTbl);
    }
    // 한 Row씩 색 변하도록 해주는 함수
    function fnGiveRowsBgColor(obj) {
        var nTotal = obj.rows.length;
        
        for (i=0;i<nTotal;i++) {
            //alert(i+"__"+obj.rows[i].tagName+obj.rows[i].id);
        }
        for( i=2 ; i < nTotal ; i+=2) {
            obj.rows[i].style.backgroundColor = "#F8F8F8"
        }
    }
</script>

윈도우 onload 할때 fnGiveRowsBgColor 함수를 실행시킨다. 이 fnGiveRowsBgColor 함수에선 인자로 받은 테이블의 id값을 가지고 테이블의 행이 몇개인지(obj.rows.length) 검사한다. 그래서 그 행만큼 루프돌면서 격으로 색을 바꿔준다.

문서 첨부 제한 : 0Byte/ 2.00MB
파일 크기 제한 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 글쓴이 날짜 조회 수
27 keyfile을 이용한 ssh 접속 방법 뭉충닷컴 2010-10-28 13806
26 멀티 브라우저 지원하는 frame, iframe 접근 코딩 방법 [3] 뭉충닷컴 2010-07-21 27084
25 crontab을 이용한 Tomcat 서버 자동 재시작 shell 뭉충닷컴 2009-08-28 25317
24 자바스크립트로 각 form의 element(요소)에 접근 방법 file [2] 뭉충닷컴 2008-09-11 62315
23 ERwin 에서 Logical의 컬럼명을 코멘트(Comment)로 변경하기 file [2] 뭉충닷컴 2008-01-16 32210
22 Tabular Data Control 마지막 강좌! 뭉충닷컴 2007-06-14 15716
21 ASP로 웹 어플리케이션 주소 사용하기 file 뭉충닷컴 2006-12-10 18013
20 VB로 WebBrowser 컨트롤의 HTML 제어 file 뭉충닷컴 2006-12-01 21518
19 ASP 페이징 쉽게 처리하기 file [4] 뭉충닷컴 2006-08-29 24606
18 두개의 비슷한 DB를 비교해서 변경된 부분 찾아내기 file 뭉충닷컴 2006-05-03 15037
17 ASP에서 Class 를 이용해보자 file 뭉충닷컴 2006-02-26 25140
16 Hotmail의 DHTML EDITOR 편집기를 이용해보자. file [34] 뭉충닷컴 2006-02-04 30344
15 Tabular Data Control 응용 - 제목 Sort (정렬) 쉽게 하기 [3] 뭉충닷컴 2006-01-27 14151
14 스크립트(Script) 코드를 암호화 시켜보자(Encode/Decode) [2] 뭉충닷컴 2005-06-10 19153
13 dll을 이용한 로그인 file [1] 뭉충닷컴 2005-11-25 22110
12 Tabular Data Control 응용 - 페이징 처리하는 3가지 방법 file [1] 뭉충닷컴 2005-11-23 16303
11 Query를 잼있고, 유용하게 사용해보자 file [3] 뭉충닷컴 2005-10-01 14748
» Tabular Data Control 응용 - 테이블의 행 배경색이 격으로 변하게하기 뭉충닷컴 2005-09-25 15824
9 폼(Form) 검증해주는 스크립트(Script) file [15] 뭉충닷컴 2005-06-07 19566
8 asp 로 서버에 zip 압축/압축해제(풀기) 예제 file [8] 뭉충닷컴 2005-08-12 20049
7 MS-SQL의 osql.exe 이용 하기 (도스상에서 sql 구문 이용) 뭉충닷컴 2005-09-25 19373
6 SQL Script 로 ERD와 테이블 생성 손쉽게하기 뭉충닷컴 2005-09-25 22208
5 Tabular Data Control 기초 다지기 4 - 마지막! file 뭉충닷컴 2005-09-25 14732
4 Tabular Data Control 기초 다지기 3 file 뭉충닷컴 2005-09-25 14497
3 Tabular Data Control 기초 다지기 2 file 뭉충닷컴 2005-09-25 14217
2 Tabular Data Control 기초 다지기 1 file [1] 뭉충닷컴 2005-09-25 15360
1 OWC를 이용한 웹에서 엑셀 그래프 그리기 file [4] 뭉충닷컴 2007-12-19 19464