테이블 content_javascript 기술 정렬에 사용됩니다.

정렬 테이블 { 색상: #000000; 글꼴 두께: 굵게; 텍스트 장식: 없음; } 点击标题排序

이름 급여 연장 시작일 블로그, Fred $12000.00 1353 2003/08/18 터비, 케빈> $191200.00 2342 02/05/1979 Mbogo, Arnold $32010.12 2755 09/08/1998 셰익스피어, 빌 $122000.00 3211 12/11/1961 &lt ;/tr> 셰익스피어, 햄넷 $9000 01/01/2002 피츠, 마빈 $3300 5554 Alpha의 블로그

复代码 代码如下: addEvent(window, "load", sortables_init);

var SORT_COLUMN_INDEX;

function sortables_init() { // Find all tables with class sortable and make them sortable if (!document.getElementsByTagName) return; tbls = document.getElementsByTagName("table"); for (ti=0;ti thisTbl = tbls[ti]; if (((' '+thisTbl.className+' ').indexOf("sortable") != -1) && (thisTbl.id)) { //initTable(thisTbl.id); ts_makeSortable(thisTbl); } } }

function ts_makeSortable(table) { if (table.rows && table.rows.length > 0) { var firstRow = table.rows[0]; } if (!firstRow) return;

// We have a first row: assume it's the header, and make its contents clickable links for (var i=0;i var cell = firstRow.cells[i]; var txt = ts_getInnerText(cell); cell.innerHTML = ' 'onclick="ts_resortTable(this, '+i+');return false;">' + txt+' '; } }

function ts_getInnerText(el) { if (typeof el == "string") return el; if (typeof el == "undefined") { return el }; if (el.innerText) return el.innerText; //Not needed but it is faster var str = "";

var cs = el.childNodes; var l = cs.length; for (var i = 0; i switch (cs[i].nodeType) { case 1: //ELEMENT_NODE str += ts_getInnerText(cs[i]); break; case 3: //TEXT_NODE str += cs[i].nodeValue; break; } } return str; }

function ts_resortTable(lnk,clid) { // get the span var span; for (var ci=0;ci if (lnk.childNodes[ci].tagName && lnk.childNodes[ci].tagName.toLowerCase() == 'span') span = lnk.childNodes[ci]; } var spantext = ts_getInnerText(span); var td = lnk.parentNode; var column = clid || td.cellIndex; var table = getParent(td,'TABLE');

// Work out a type for the column if (table.rows.length var itm = ts_getInnerText(table.rows[1].cells[column]); sortfn = ts_sort_caseinsensitive; if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d\d\d$/)) sortfn = ts_sort_date; if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d$/)) sortfn = ts_sort_date; if (itm.match(/^[$]/)) sortfn = ts_sort_currency; if (itm.match(/^[\d\.]+$/)) sortfn = ts_sort_numeric; SORT_COLUMN_INDEX = column; var firstRow = new Array(); var newRows = new Array(); for (i=0;i for (j=1;j

newRows.sort(sortfn);

if (span.getAttribute("sortdir") == 'down') { ARROW = '↑'; newRows.reverse(); span.setAttribute('sortdir','up'); } else { ARROW = '↓'; span.setAttribute('sortdir','down'); }

// We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones // don't do sortbottom rows for (i=0;i // do sortbottom rows only for (i=0;i<newRows.length;i++) { if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)) table.tBodies[0].appendChild(newRows[i]);}

// Delete any other arrows there may be showing var allspans = document.getElementsByTagName("span"); for (var ci=0;ci if (allspans[ci].className == 'sortarrow') { if (getParent(allspans[ci],"table") == getParent(lnk,"table")) { // in the same table as us? allspans[ci].innerHTML = ''; } } }

span.innerHTML = ARROW; }

function ts_sort_currency(a,b) { aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,''); bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,''); return parseFloat(aa) - parseFloat(bb); }

function ts_sort_numeric(a,b) { aa = parseFloat(ts_getInnerText(a.cells[SORT_COLUMN_INDEX])); if (isNaN(aa)) aa = 0; bb = parseFloat(ts_getInnerText(b.cells[SORT_COLUMN_INDEX])); if (isNaN(bb)) bb = 0; return aa-bb; }

function ts_sort_caseinsensitive(a,b) { aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).toLowerCase(); bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).toLowerCase(); if (aa==bb) return 0; if (aa return 1; }

function ts_sort_default(a,b) { aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]); bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]); if (aa ==bb) return 0; if (aa return 1; }

함수 addEvent(elm, evType, fn, useCapture) // addEvent 및 RemoveEvent // IE5, NS6 및 Mozilla에 대한 크로스 브라우저 이벤트 처리 // By 스콧 앤드류 { if (elm.addEventListener){ elm.addEventListener(evType, fn, useCapture); return true; } else if (elm.attachEvent){ var r = elm.attachEvent("on" evType, fn); return r; } else { Alert("핸들러를 제거할 수 없습니다."); } }