https://www.kooyongagolf.com.au/scripts/sortable.js

1/*
2Table sorting script  by Joost de Valk, check it out at http://www.joostdevalk.nl/code/sortable-table/.
3Based on a script from http://www.kryogenix.org/code/browser/sorttable/.
4Distributed under the MIT license: http://www.kryogenix.org/code/browser/licence.html .
5
6Copyright (c) 1997-2007 Stuart Langridge, Joost de Valk.
7
8Version 1.5.7
9*/
10
11/* You can change these values */
12var image_path = "/icons/";
13var image_up = "arrow-up.gif";
14var image_down = "arrow-down.gif";
15var image_none = "arrow-none.gif";
16var europeandate = true;
17var alternate_row_colors = true;
18
19/* Don't change anything below this unless you know what you're doing */
20addEvent(window, "load", sortables_init);
21
22var SORT_COLUMN_INDEX;
23var SORT_DIRECTION;
24var thead = false;
25
26function sortables_init() {
27// Find all tables with class sortable and make them sortable
28if (!document.getElementsByTagName) return;
29tbls = document.getElementsByTagName("table");
30for (ti=0;ti<tbls.length;ti++) {
31thisTbl = tbls[ti];
32if (((' '+thisTbl.className+' ').indexOf("sortable") != -1) && (thisTbl.id)) {
33ts_makeSortable(thisTbl);
34}
35}
36}
37
38function ts_makeSortable(t) {
39if (t.rows && t.rows.length > 0) {
40if (t.tHead && t.tHead.rows.length > 0) {
41var firstRow = t.tHead.rows[t.tHead.rows.length-1];
42thead = true;
43} else {
44var firstRow = t.rows[0];
45}
46}
47if (!firstRow) return;
48	
49// We have a first row: assume it's the header, and make its contents clickable links
50for (var i=0;i<firstRow.cells.length;i++) {
51var cell = firstRow.cells[i];
52var txt = ts_getInnerText(cell);
53if (cell.className != "unsortable" && cell.className.indexOf("unsortable") == -1) {
54cell.innerHTML = '<a href="#" class="sortheader" onclick="ts_resortTable(this, '+i+');return false;">'+txt+'<span class="sortarrow">&nbsp;&nbsp;<img style="border:0;" src="'+ image_path + image_none + '" alt="&darr;"/></span></a>';
55}
56}
57if (alternate_row_colors) {
58alternate(t);
59}
60}
61
62function ts_getInnerText(el) {
63if (typeof el == "string") return el;
64if (typeof el == "undefined") { return el };
65if (el.innerText) return el.innerText;	//Not needed but it is faster
66var str = "";
67	
68var cs = el.childNodes;
69var l = cs.length;
70for (var i = 0; i < l; i++) {
71switch (cs[i].nodeType) {
72case 1: //ELEMENT_NODE
73str += ts_getInnerText(cs[i]);
74break;
75case 3:	//TEXT_NODE
76str += cs[i].nodeValue;
77break;
78}
79}
80return str;
81}
82
83function ts_resortTable(lnk, clid) {
84var span;
85for (var ci=0;ci<lnk.childNodes.length;ci++) {
86if (lnk.childNodes[ci].tagName && lnk.childNodes[ci].tagName.toLowerCase() == 'span') span = lnk.childNodes[ci];
87}
88var spantext = ts_getInnerText(span);
89var td = lnk.parentNode;
90var column = clid || td.cellIndex;
91var t = getParent(td,'TABLE');
92// Work out a type for the column
93if (t.rows.length <= 1) return;
94var itm = "";
95var i = 0;
96while (itm == "" && i < t.tBodies[0].rows.length) {
97var itm = ts_getInnerText(t.tBodies[0].rows[i].cells[column]);
98itm = trim(itm);
99if (itm.substr(0,4) == "<!--" || itm.length == 0) {
100itm = "";
101}
102i++;
103}
104if (itm == "") return; 
105	
106sortfn = ts_sort_caseinsensitive;
107if (itm.match(/^\d\d[\/\.-][a-zA-z][a-zA-Z][a-zA-Z][\/\.-]\d\d\d\d$/)) sortfn = ts_sort_date;
108if (itm.match(/^\d\d[\/\.-]\d\d[\/\.-]\d\d\d{2}?$/)) sortfn = ts_sort_date;
109if (itm.match(/^-?[�$�ۢ�]\d/)) sortfn = ts_sort_numeric;
110if (itm.match(/^-?(\d+[,\.]?)+(E[-+][\d]+)?%?$/)) sortfn = ts_sort_numeric;
111if (itm == 'Gross') sortfn = ts_sort_numeric;
112if (itm == 'Nett') sortfn = ts_sort_numeric;
113if (itm == 'Pos') sortfn = ts_sort_numeric;
114if (itm == 'Age') sortfn = ts_sort_numeric;
115if (itm == 'Member No') sortfn = ts_sort_numeric;
116if (itm == 'Exact HC') sortfn = ts_sort_numeric;
117if (itm == 'Playing HC') sortfn = ts_sort_numeric;
118if (itm == 'GA HC') sortfn = ts_sort_numeric;
119SORT_COLUMN_INDEX = column;
120SORT_DIRECTION = 99999;
121if (span.getAttribute("sortdir") == 'down') {
122SORT_DIRECTION = 0;
123}
124var firstRow = new Array();
125var newRows = new Array();
126for (k=0;k<t.tBodies.length;k++) {
127for (i=0;i<t.tBodies[k].rows[0].length;i++) { 
128firstRow[i] = t.tBodies[k].rows[0][i]; 
129}
130}
131for (k=0;k<t.tBodies.length;k++) {
132if (!thead) {
133// Skip the first row
134for (j=1;j<t.tBodies[k].rows.length;j++) { 
135newRows[j-1] = t.tBodies[k].rows[j];
136}
137} else {
138// Do NOT skip the first row
139for (j=0;j<t.tBodies[k].rows.length;j++) { 
140newRows[j] = t.tBodies[k].rows[j];
141}
142}
143}
144	
145newRows.sort(sortfn);
146if (span.getAttribute("sortdir") == 'down') {
147ARROW = '&nbsp;&nbsp;<img style="border:0;" src="'+ image_path + image_down + '" alt="&darr;"/>';
148newRows.reverse();
149span.setAttribute('sortdir','up');
150} else {
151ARROW = '&nbsp;&nbsp;<img style="border:0;" src="'+ image_path + image_up + '" alt="&uarr;"/>';
152span.setAttribute('sortdir','down');
153} 
154// We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
155// don't do sortbottom rows
156for (i=0; i<newRows.length; i++) { 
157if (!newRows[i].className || (newRows[i].className && (newRows[i].className.indexOf('sortbottom') == -1))) {
158t.tBodies[0].appendChild(newRows[i]);
159}
160}
161// do sortbottom rows only
162for (i=0; i<newRows.length; i++) {
163if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)) 
164t.tBodies[0].appendChild(newRows[i]);
165}
166// Delete any other arrows there may be showing
167var allspans = document.getElementsByTagName("span");
168for (var ci=0;ci<allspans.length;ci++) {
169if (allspans[ci].className == 'sortarrow') {
170if (getParent(allspans[ci],"table") == getParent(lnk,"table")) { // in the same table as us?
171allspans[ci].innerHTML = '&nbsp;&nbsp;<img style="border:0;" src="'+ image_path + image_none + '" alt="&darr;"/>';
172}
173}
174}		
175span.innerHTML = ARROW;
176alternate(t);
177}
178
179function getParent(el, pTagName) {
180if (el == null) {
181return null;
182}

182 else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase()) {
183return el;
184} else {
185return getParent(el.parentNode, pTagName);
186}
187}
188
189function sort_date(date) {	
190// y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX
191dt = "00000000";
192if (date.length == 11) {
193mtstr = date.substr(3,3);
194mtstr = mtstr.toLowerCase();
195switch(mtstr) {
196case "jan": var mt = "01"; break;
197case "feb": var mt = "02"; break;
198case "mar": var mt = "03"; break;
199case "apr": var mt = "04"; break;
200case "may": var mt = "05"; break;
201case "jun": var mt = "06"; break;
202case "jul": var mt = "07"; break;
203case "aug": var mt = "08"; break;
204case "sep": var mt = "09"; break;
205case "oct": var mt = "10"; break;
206case "nov": var mt = "11"; break;
207case "dec": var mt = "12"; break;
208// default: var mt = "00";
209}
210dt = date.substr(7,4)+mt+date.substr(0,2);
211return dt;
212} else if (date.length == 10) {
213if (europeandate == false) {
214dt = date.substr(6,4)+date.substr(0,2)+date.substr(3,2);
215return dt;
216} else {
217dt = date.substr(6,4)+date.substr(3,2)+date.substr(0,2);
218return dt;
219}
220} else if (date.length == 8) {
221yr = date.substr(6,2);
222if (parseInt(yr) < 50) { 
223yr = '20'+yr; 
224} else { 
225yr = '19'+yr; 
226}
227if (europeandate == true) {
228dt = yr+date.substr(3,2)+date.substr(0,2);
229return dt;
230} else {
231dt = yr+date.substr(0,2)+date.substr(3,2);
232return dt;
233}
234}
235return dt;
236}
237
238function ts_sort_date(a,b) {
239dt1 = sort_date(ts_getInnerText(a.cells[SORT_COLUMN_INDEX]));
240dt2 = sort_date(ts_getInnerText(b.cells[SORT_COLUMN_INDEX]));
241	
242if (dt1==dt2) {
243return 0;
244}
245if (dt1<dt2) { 
246return -1;
247}
248return 1;
249}
250function ts_sort_numeric(a,b) {
251var aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
252aa = clean_num(aa);
253var bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
254bb = clean_num(bb);
255return compare_numeric(aa,bb);
256}
257function compare_numeric(a,b) {
258var a = parseFloat(a);
259a = (isNaN(a) ? SORT_DIRECTION : a);
260var b = parseFloat(b);
261b = (isNaN(b) ? SORT_DIRECTION : b);
262return a - b;
263}
264function ts_sort_caseinsensitive(a,b) {
265aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).toLowerCase();
266bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).toLowerCase();
267if (aa==bb) {
268return 0;
269}
270if (aa<bb) {
271return -1;
272}
273return 1;
274}
275function ts_sort_default(a,b) {
276aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
277bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
278if (aa==bb) {
279return 0;
280}
281if (aa<bb) {
282return -1;
283}
284return 1;
285}
286function addEvent(elm, evType, fn, useCapture)
287// addEvent and removeEvent
288// cross-browser event handling for IE5+,	NS6 and Mozilla
289// By Scott Andrew
290{
291if (elm.addEventListener){
292elm.addEventListener(evType, fn, useCapture);
293return true;
294} else if (elm.attachEvent){
295var r = elm.attachEvent("on"+evType, fn);
296return r;
297} else {
298alert("Handler could not be removed");
299}
300}
301function clean_num(str) {
302str = str.replace(new RegExp(/[^-?0-9.]/g),"");
303return str;
304}
305function trim(s) {
306return s.replace(/^\s+|\s+$/g, "");
307}
308function alternate(table) {
309// Take object table and get all it's tbodies.
310var tableBodies = table.getElementsByTagName("tbody");
311// Loop through these tbodies
312for (var i = 0; i < tableBodies.length; i++) {
313// Take the tbody, and get all it's rows
314var tableRows = tableBodies[i].getElementsByTagName("tr");
315// Loop through these rows
316// Start at 1 because we want to leave the heading row untouched
317for (var j = 0; j < tableRows.length; j++) {
318// Check if j is even, and apply classes for both possible results
319if ( (j % 2) == 0  ) {
320if ( !(tableRows[j].className.indexOf('odd') == -1) ) {
321tableRows[j].className = tableRows[j].className.replace('odd', 'even');
322} else {
323if ( tableRows[j].className.indexOf('even') == -1 ) {
324tableRows[j].className += " even";
325}
326}
327} else {
328if ( !(tableRows[j].className.indexOf('even') == -1) ) {
329tableRows[j].className = tableRows[j].className.replace('even', 'odd');
330} else {
331if ( tableRows[j].className.indexOf('odd') == -1 ) {
332tableRows[j].className += " odd";
333}
334}
335} 
336}
337}
338}