Á¶È¸½Ã ¼ÒÆ®½Ãų·Á±¸ ±×·¯´Âµ¥ µµÀúÈ÷ ¸ô¶ó¼ ¼Ò½º ÂüÁ¶ÇÏ·ÁÇÕ´Ï´Ù.
±×·±µ¥ ºÁµµ ¸ð¸£°Ù¾î¿ä¤Ì.¤Ì;
ÀÚ¹Ù½ºÅ©¸³Æ® ºÎºÐ ¾î¶»°Ô µ¹¾Æ°¡´Â °ÇÁö ¼³¸í Á» ºÎŹµå¸±²²¿ä!
±×¸®±¸ 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>