JAKARTAPROJECT
JAKARTA TIPJSP TIPJSP 질문&답변DATABASE TIPJAVASCRIPT TIPWEBHACKING TIP기타 TIP
JSP 질문/답변
JSP 질문/답변
JSP 질문/답변 게시판입니다
질문은 구체적으로 해주세요 ^^
자바스크립트 소트질문드려요..
터줏대감
이미지 슬라이더 보기

조회시 소트시킬려구 그러는데 도저히 몰라서 소스 참조하려합니다.

 

그런데 봐도 모르겟어요ㅜ.ㅜ;

 

자바스크립트 부분 어떻게 돌아가는 건지 설명 좀 부탁드릴께요!

 

그리구 var table = function() ->왜 이렇게 시작하는건지 설명 부탁드려요..

 

-------------------------------------------------------------------------------------------------------------------

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<script>
var table=function(){
    function boardTable(n){
        this.n=n; this.t; this.b; this.r; this.d; this.p; this.w; this.a=[]; this.l=0
    }
    boardTable.prototype.init=function(t,f){
        this.t=document.getElementById(t);
        this.b=this.t.getElementsByTagName('tbody')[0];
        this.r=this.b.rows; var l=this.r.length;
        for(var i=0;i<l;i++){
            if(i==0){
                var c=this.r[i].cells; this.w=c.length;
                for(var x=0;x<this.w;x++){
                    if(c[x].className!='nosort'){
                        c[x].className='head';
                        c[x].onclick=new Function(this.n+'.work(this.cellIndex)')
                    }
                }
            }else{
                this.a[i-1]={}; this.l++;
            }
        }
        if(f!=null){
            var a=new Function(this.n+'.work('+f+')'); a()
        }
    }
    boardTable.prototype.work=function(y){
        this.b=this.t.getElementsByTagName('tbody')[0]; this.r=this.b.rows;
        var x=this.r[0].cells[y],i;
        for(i=0;i<this.l;i++){
            this.a[i].o=i+1; var v=this.r[i+1].cells[y].firstChild;
            this.a[i].value=(v!=null)?v.nodeValue:''
        }
        for(i=0;i<this.w;i++){
            var c=this.r[0].cells[i];
            if(c.className!='nosort'){c.className='head'}
        }
        if(this.p==y){
            this.a.reverse(); x.className=(this.d)?'asc':'desc';
            this.d=(this.d)?false:true
        }else{
            this.p=y; x.className='asc'; this.d=false
        }
        var n=document.createElement('tbody');
        n.appendChild(this.r[0]);
        for(i=0;i<this.l;i++){
            var r=this.r[this.a[i].o-1].cloneNode(true);
            n.appendChild(r); r.className=(i%2==0)?'even':'odd'
        }
        this.t.replaceChild(n,this.b)
    }

    return{boardTable:boardTable}
}();

</script>
</head>
<body>
제목 라인을 클릭하면 테이블 내용을 정렬합니다.

<div>
    <table cellpadding="0" cellspacing="0" border="0" class="sortable" id="boardTable">
        <tr>
            <th class="nosort">ID</th>
            <th>Name</th>
            <th>Phone</th>
            <th>Email</th>
            <th>City</th>
            <th>State</th>
            <th>Zip Code</th>
        </tr>
        <tr>
            <td>1</td>
            <td>Kaseem Huber</td>
            <td>(587) 117-5521</td>
            <td>.@samecore.org</td>
            <td>Burlington</td>
            <td>DE</td>
            <td>81070</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Oleg Michael</td>
            <td>(539) 184-8550</td>
            <td>pages@andit.edu</td>
            <td>Covina</td>
            <td>SC</td>
            <td>48758</td>
        </tr>
   
    </table>
</div>
<script type="text/javascript">
var boardTable=new table.boardTable("boardTable");
boardTable.init("boardTable",1);
</script>
</body>
</html>

2010-11-10 08:25:42
123.142.190.***
따봉 조또 종합 0 (0명)
덧글 1개 | 태그 0개 | 관련글보기
태그입력
쉽표(,)구분으로 한번에 여러 태그를 입력할수 있습니다
블루
(0) (0)

var table = function()은 자바스크립트를 객체지향처럼 쓰기 위한 방법이죠.

 

다음 게시물을 참조하세요.

http://jakartaproject.com/board-read.do?boardId=javascripttip&boardNo=120772091187051&command=READ&page=1&categoryId=-1

 

원글 출처는 다음과 같습니다.

http://blog.outsider.ne.kr/78

 

그리고 자바스크립트 돌아가는 부분은 질문이 너무 광범위 하셔서... 좀더 구체적으로 말씀해주세요.

211.189.124.*** 2010-11-10 08:25:42
이름 비밀번호
JSP 질문/답변
JSP 질문/답변 게시판입니다
질문은 구체적으로 해주세요 ^^
! 번호 제목 글쓴이 일자 조회
1154 일정 시간 후 다른 페이지로 점프하는 것을 어떻게 하나요 java로요. 최윤석 2016-01-31 712
1153 질문 드립니다. 선처를 부탁 드려요.ㅠㅠ 에뮬올 2014-11-12 1,254
1152 FTP 파일 다운로드 질문드립니다. 잠팅 2014-09-04 1,245
1151 jsp-> xml 문서 출력관련 질문입니다~ 월영인 2013-04-02 2,068
1150 이미지 FTPclient로 업로드시 이미지 깨짐현상 1 2 그러려니해 2013-01-30 5,116
1149 자바 기초와 변수와 자료형. 에이치비아이 2012-07-30 2,307
1148 로그인 관련 프링글스! 2012-06-21 2,369
1147 개발자 버전 다운로드 관련 1 풍경소리 2011-09-01 2,806
1146 자바빈으로 ODBC 연결하는 방법 두루오이 2011-06-09 3,611
1145 廣告: 三月의 이메일알바는 banana-mails 입니다.@ bargs 2011-03-01 4,238
자바스크립트 소트질문드려요.. 1 터줏대감 2010-11-09 4,965
1143 jsp 첨 접하는데요 $_PHPSELF 같이럼 쓸수없는가요? dosman 2010-10-25 4,652
1142 jsp suvlet ajax jsp 업로드하는 서블릿 소스 검토 부탁드립니다 1 1 ilovezorba 2010-09-17 4,334
1141 1 1z 2010-09-09 4,308
1140 서버 셋팅시 한글깨짐 질문 입니다. 슈팅스타 2010-09-02 5,099
1139 FTP CopyStreamException 오류 해결 방법 알려주세요 ㅠ 1 크크 2010-08-01 10,272
1138 파일 타입 체크 test 2010-07-12 4,882
1137 페이징 질문. 1 음.. 2010-06-30 4,495
1136 파일명및 확장자를 변경한 이미지를 보여주기 1 nob 2010-06-11 5,207
1135 플래시하고 jsp링크하는거 질문 드립니다..ㅠㅠ 1 tjarhks 2010-06-10 5,480
copyright 2005-2018 by Unicorn