skins/common/sorttable.js

   1 /*
   2  * From: http://www.kryogenix.org/code/browser/sorttable/
   3  * Licence: X11
   4  */
   5
   6 addEvent(window, "load", sortables_init);
   7
   8 var SORT_COLUMN_INDEX;
   9
  10 function sortables_init() {
  11         var idnum = 0;
  12     // Find all tables with class sortable and make them sortable
  13     if (!document.getElementsByTagName) return;
  14     tbls = document.getElementsByTagName("table");
  15     for (ti=0;ti<tbls.length;ti++) {
  16         thisTbl = tbls[ti];
  17         if ((' '+thisTbl.className+' ').indexOf("sortable") != -1) {
  18                         if (!thisTbl.id) {
  19                                 thisTbl.setAttribute('id','sortable_table_id_'+idnum);
  20                                 ++idnum;
  21                         }
  22             //initTable(thisTbl.id);
  23             ts_makeSortable(thisTbl);
  24         }
  25     }
  26 }
  27
  28 function ts_makeSortable(table) {
  29     if (table.rows && table.rows.length > 0) {
  30         var firstRow = table.rows[0];
  31     }
  32     if (!firstRow) return;
  33
  34     // We have a first row: assume it's the header, and make its contents clickable links
  35     for (var i=0;i<firstRow.cells.length;i++) {
  36         var cell = firstRow.cells[i];
  37         var txt = ts_getInnerText(cell);
  38         cell.innerHTML = txt+'<a href="#" class="sortheader" onclick="ts_resortTable(this);return false;"><span class="sortarrow">&#x2195;</span></a>';
  39     }
  40 }
  41
  42 function ts_getInnerText(el) {
  43         if (typeof el == "string") return el;
  44         if (typeof el == "undefined") { return el };
  45         if (el.innerText) return el.innerText;  //Not needed but it is faster
  46         var str = "";
  47
  48         var cs = el.childNodes;
  49         var l = cs.length;
  50         for (var i = 0; i < l; i++) {
  51                 switch (cs[i].nodeType) {
  52                         case 1: //ELEMENT_NODE
  53                                 str += ts_getInnerText(cs[i]);
  54                                 break;
  55                         case 3: //TEXT_NODE
  56                                 str += cs[i].nodeValue;
  57                                 break;
  58                 }
  59         }
  60         return str;
  61 }
  62
  63 function ts_resortTable(lnk) {
  64     // get the span
  65     var span;
  66     for (var ci=0;ci<lnk.childNodes.length;ci++) {
  67         if (lnk.childNodes[ci].tagName && lnk.childNodes[ci].tagName.toLowerCase() == 'span') span = lnk.childNodes[ci];
  68     }
  69     var spantext = ts_getInnerText(span);
  70     var td = lnk.parentNode;
  71     var column = td.cellIndex;
  72     var table = getParent(td,'TABLE');
  73
  74     // Work out a type for the column
  75     if (table.rows.length <= 1) return;
  76     var itm = ts_getInnerText(table.rows[1].cells[column]);
  77     sortfn = ts_sort_caseinsensitive;
  78     // Note: The trailing \n$ is needed because that's how MediaWiki spits out its table syntax.
  79     if (itm.match(/^\s*\d{2}[\/-]\d{2}[\/-]\d{4}\s*$/)) sortfn = ts_sort_date;
  80     if (itm.match(/^\s*\d{2}[\/-]\d{2}[\/-]\d{2}\s*$/)) sortfn = ts_sort_date;
  81     if (itm.match(/^\s*[?$]/)) sortfn = ts_sort_currency;
  82     if (itm.match(/^\s*[\d\.]+\s*$/)) sortfn = ts_sort_numeric;
  83     SORT_COLUMN_INDEX = column;
  84     var firstRow = new Array();
  85     var newRows = new Array();
  86     for (i=0;i<table.rows[0].length;i++) { firstRow[i] = table.rows[0][i]; }
  87     for (j=1;j<table.rows.length;j++) { newRows[j-1] = table.rows[j]; }
  88
  89     newRows.sort(sortfn);
  90
  91     if (span.getAttribute("sortdir") == 'down') {
  92         ARROW = '&uarr;';
  93         newRows.reverse();
  94         span.setAttribute('sortdir','up');
  95     } else {
  96         ARROW = '&darr;';
  97         span.setAttribute('sortdir','down');
  98     }
  99
 100     // We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
 101     // don't do sortbottom rows
 102     for (i=0;i<newRows.length;i++) { if (!newRows[i].className || (newRows[i].className && (newRows[i].className.indexOf('sortbottom') == -1))) table.tBodies[0].appendChild(newRows[i]);}
 103     // do sortbottom rows only
 104     for (i=0;i<newRows.length;i++) { if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)) table.tBodies[0].appendChild(newRows[i]);}
 105
 106     // Delete any other arrows there may be showing
 107     var allspans = document.getElementsByTagName("span");
 108     for (var ci=0;ci<allspans.length;ci++) {
 109         if (allspans[ci].className == 'sortarrow') {
 110             if (getParent(allspans[ci],"table") == getParent(lnk,"table")) { // in the same table as us?
 111                 allspans[ci].innerHTML = '&#x2195;';
 112             }
 113         }
 114     }
 115
 116     span.innerHTML = ARROW;
 117 }
 118
 119 function getParent(el, pTagName) {
 120         if (el == null) return null;
 121         else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase())        // Gecko bug, supposed to be uppercase
 122                 return el;
 123         else
 124                 return getParent(el.parentNode, pTagName);
 125 }
 126 function ts_sort_date(a,b) {
 127     // y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX
 128     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
 129     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
 130     if (aa.length == 10) {
 131         dt1 = aa.substr(6,4)+aa.substr(3,2)+aa.substr(0,2);
 132     } else {
 133         yr = aa.substr(6,2);
 134         if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
 135         dt1 = yr+aa.substr(3,2)+aa.substr(0,2);
 136     }
 137     if (bb.length == 10) {
 138         dt2 = bb.substr(6,4)+bb.substr(3,2)+bb.substr(0,2);
 139     } else {
 140         yr = bb.substr(6,2);
 141         if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
 142         dt2 = yr+bb.substr(3,2)+bb.substr(0,2);
 143     }
 144     if (dt1==dt2) return 0;
 145     if (dt1<dt2) return -1;
 146     return 1;
 147 }
 148
 149 function ts_sort_currency(a,b) {
 150     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
 151     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
 152     return parseFloat(aa) - parseFloat(bb);
 153 }
 154
 155 function ts_sort_numeric(a,b) {
 156     aa = parseFloat(ts_getInnerText(a.cells[SORT_COLUMN_INDEX]));
 157     if (isNaN(aa)) aa = 0;
 158     bb = parseFloat(ts_getInnerText(b.cells[SORT_COLUMN_INDEX]));
 159     if (isNaN(bb)) bb = 0;
 160     return aa-bb;
 161 }
 162
 163 function ts_sort_caseinsensitive(a,b) {
 164     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).toLowerCase();
 165     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).toLowerCase();
 166     if (aa==bb) return 0;
 167     if (aa<bb) return -1;
 168     return 1;
 169 }
 170
 171 function ts_sort_default(a,b) {
 172     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
 173     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
 174     if (aa==bb) return 0;
 175     if (aa<bb) return -1;
 176     return 1;
 177 }
 178
 179
 180 function addEvent(elm, evType, fn, useCapture)
 181 // addEvent and removeEvent
 182 // cross-browser event handling for IE5+,  NS6 and Mozilla
 183 // By Scott Andrew
 184 {
 185   if (elm.addEventListener){
 186     elm.addEventListener(evType, fn, useCapture);
 187     return true;
 188   } else if (elm.attachEvent){
 189     var r = elm.attachEvent("on"+evType, fn);
 190     return r;
 191   } else {
 192     alert("Handler could not be removed");
 193   }
 194 }