MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */ /* * Table sorting script by Joost de Valk, check it out at http://www.joostdevalk.nl/code/sortable-table/. * Based on a script from http://www.kryogenix.org/code/browser/sorttable/. * Distributed under the MIT license: http://www.kryogenix.org/code/browser/licence.html. * * Copyright (c) 1997-2006 Stuart Langridge, Joost de Valk. * * @todo don't break on colspans/rowspans (bug 8028) * @todo language-specific digit grouping/decimals (bug 8063) * @todo support all accepted date formats (bug 8226) */

var ts_image_path = stylepath+"/common/images/"; var ts_image_up = "sort_up.gif"; var ts_image_down = "sort_down.gif"; var ts_image_none = "sort_none.gif"; var ts_europeandate = wgContentLanguage != "en"; // The non-American-inclined can change to "true" var ts_alternate_row_colors = true; var SORT_COLUMN_INDEX;

function sortables_init { var idnum = 0; // Find all tables with class sortable and make them sortable var tables = getElementsByClassName(document, "table", "sorttable");//originally sortable for (var ti = 0; ti < tables.length ; ti++) { if (!tables[ti].id) { tables[ti].setAttribute('id','sortable_table_id_'+idnum); ++idnum; }		ts_makeSortable(tables[ti]); } }

var customIcons = ['', 'http://images2.wikia.nocookie.net/__cb20110601224238/witcher/images/thumb/2/23/Tw2_icon_weight.svg/12px-Tw2_icon_weight.svg.png', 'http://images1.wikia.nocookie.net/__cb20110604152535/witcher/images/thumb/0/06/Tw2_icon_damage.png/32px-Tw2_icon_damage.png', 'http://images3.wikia.nocookie.net/__cb20110531195647/witcher/images/thumb/a/a9/Tw2_icon_mutagens.svg/18px-Tw2_icon_mutagens.svg.png', ]; var customIconText = ['', 'Weight', 'Damage', 'Uses mutagen', ];

function ts_makeSortable(table) { var firstRow; if (table.rows && table.rows.length > 0) { if (table.tHead && table.tHead.rows.length > 0) { firstRow = table.tHead.rows[table.tHead.rows.length-1]; } else { firstRow = table.rows[0]; }	}	if (!firstRow) return; var colloffset=0; var sortIcon=''; // We have a first row: assume it's the header, and make its contents clickable links for (var i = 0; i < firstRow.cells.length; i++) { var cell = firstRow.cells[i]; var cns = (cell.className) ? cell.className.split(' ') : new Array; var forceNumeric = 0; var unsortable = false; for (var j=0;j<cns.length;j++) { if (cns[j] == 'unsortable') unsortable = true; if (cns[j] == 'numeric') forceNumeric = 1; var icon = cns[j].match(/customicon([0-9]*)/i); if (icon) sortIcon=icon[1]; if (cns[j].indexOf('colloffset')==0) { colloffset += parseInt(cns[j].substr(10)); }               }		if (!unsortable) { if (sortIcon) cell.innerHTML += '   '; else cell.innerHTML += '   '; }               sortIcon = ''; }	if (ts_alternate_row_colors && table.className.indexOf('nopajama')<0) { ts_alternate(table); } }

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 < l; 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,forceNumeric,colloffset,sortIcon) { // get the span var span = lnk.getElementsByTagName('span')[0];

var td = lnk.parentNode; var tr = td.parentNode; var column = td.cellIndex;

var table = tr.parentNode; while (table && !(table.tagName && table.tagName.toLowerCase == 'table')) table = table.parentNode; if (!table) return;

// Work out a type for the column if (table.rows.length <= 1) return;

// Skip the first row if that's where the headings are var rowStart = (table.tHead && table.tHead.rows.length > 0 ? 0 : 1);

var doopt=(table.className.indexOf('complextable')>=0) ? true : false; if (doopt) { var rows=table.rows; // first, unoptimize the table for (var i = rowStart; i < rows.length-1; i++) { var cells1 = rows[i].cells; var cells2 = rows[i+1].cells; for (var j=0;j1) { var cn = cells1[j].cloneNode(true); if (cells2.length<=j) table.rows[i+1].appendChild(cn); else rows[i+1].insertBefore(cn,cells2[j]); cells1[j].removeAttribute('rowspan'); cn.setAttribute('rowspan',rspan-1); }           }        }    }

var itm = ""; for (var i = rowStart; i < table.rows.length; i++) { if (table.rows[i].cells.length > column+colloffset) { itm = ts_getInnerText(table.rows[i].cells[column+colloffset]); itm = itm.replace(/^[\s\xa0]+/, "").replace(/[\s\xa0]+$/, ""); if (itm != "") break; }	}

sortfn = ts_sort_caseinsensitive; if (itm.match(/^\d\d[\/. -][a-zA-Z]{3}[\/. -]\d\d\d\d$/)) sortfn = ts_sort_date; 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(/^[\u00a3$\u20ac]/)) // pound dollar euro sortfn = ts_sort_currency; if (itm.match(/^[\d.,]+\%?$/)) sortfn = ts_sort_numeric; if (forceNumeric==1) sortfn = ts_sort_numeric;

var reverse = (span.getAttribute("sortdir") == 'down'); var newRows = new Array; for (var j = rowStart; j < table.rows.length; j++) { var row = table.rows[j]; var keyText = ts_getInnerText(row.cells[column+colloffset]); var oldIndex = (reverse ? -j : j); newRows[newRows.length] = new Array(row, keyText, oldIndex); }

newRows.sort(sortfn);

var arrowHTML; if (reverse) { arrowHTML = ''; newRows.reverse; span.setAttribute('sortdir','up'); } else { arrowHTML = ''; 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 (var i = 0; i < newRows.length; i++) { if ((" "+newRows[i][0].className+" ").indexOf(" sortbottom ") == -1) table.tBodies[0].appendChild(newRows[i][0]); }	// do sortbottom rows only for (var i = 0; i < newRows.length; i++) { if ((" "+newRows[i][0].className+" ").indexOf(" sortbottom ") != -1) table.tBodies[0].appendChild(newRows[i][0]); }

if (doopt) { var rows=table.rows; // now, reoptimize the table for (var i = rows.length-1;i>rowStart;i--) { var cells1 = rows[i-1].cells; var cells2 = rows[i].cells; for (var j=cells2.length-1;j>=0;j--) { if (cells1[j].innerHTML==cells2[j].innerHTML && rows[i-1].getAttribute('bgcolor')==rows[i].getAttribute('bgcolor')) { var rspan = cells2[j].getAttribute('rowspan'); if (rspan) { cells2[j].removeAttribute('rowspan'); rspan=parseInt(rspan)+1; } else { rspan=2; }                   rows[i].removeChild(cells2[j]); cells1[j].setAttribute('rowspan',rspan); }           }        }    }

// Delete any other arrows there may be showing var spans = getElementsByClassName(tr, "span", "sortarrow"); for (var i = 0; i < spans.length; i++) { spans[i].innerHTML = ''; }	span.innerHTML = arrowHTML;

if (table.className.indexOf('nopajama')<0) ts_alternate(table); }

function ts_dateToSortKey(date) { // y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX if (date.length == 11) { switch (date.substr(3,3).toLowerCase) { case "jan": var month = "01"; break; case "feb": var month = "02"; break; case "mar": var month = "03"; break; case "apr": var month = "04"; break; case "may": var month = "05"; break; case "jun": var month = "06"; break; case "jul": var month = "07"; break; case "aug": var month = "08"; break; case "sep": var month = "09"; break; case "oct": var month = "10"; break; case "nov": var month = "11"; break; case "dec": var month = "12"; break; // default: var month = "00"; }		return date.substr(7,4)+month+date.substr(0,2); } else if (date.length == 10) { if (ts_europeandate == false) { return date.substr(6,4)+date.substr(0,2)+date.substr(3,2); } else { return date.substr(6,4)+date.substr(3,2)+date.substr(0,2); }	} else if (date.length == 8) { yr = date.substr(6,2); if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }		if (ts_europeandate == true) { return yr+date.substr(3,2)+date.substr(0,2); } else { return yr+date.substr(0,2)+date.substr(3,2); }	}	return "00000000"; }

function ts_parseFloat(num) { if (!num) return 0; num = parseFloat(num.replace(/,/, "")); return (isNaN(num) ? 0 : num); }

function ts_sort_date(a,b) { var aa = ts_dateToSortKey(a[1]); var bb = ts_dateToSortKey(b[1]); return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]); }

function ts_sort_currency(a,b) { var aa = ts_parseFloat(a[1].replace(/[^0-9.]/g,'')); var bb = ts_parseFloat(b[1].replace(/[^0-9.]/g,'')); return (aa != bb ? aa - bb : a[2] - b[2]); }

function ts_sort_numeric(a,b) { var aa = ts_parseFloat(a[1]); var bb = ts_parseFloat(b[1]); return (aa != bb ? aa - bb : a[2] - b[2]); }

function ts_sort_caseinsensitive(a,b) { var aa = a[1].toLowerCase; var bb = b[1].toLowerCase; return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]); }

function ts_sort_default(a,b) { return (a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : a[2] - b[2]); }

function ts_alternate(table) { // Take object table and get all it's tbodies. var tableBodies = table.getElementsByTagName("tbody"); // Loop through these tbodies for (var i = 0; i < tableBodies.length; i++) { // Take the tbody, and get all it's rows // check whether this table is sortable -- not all inner tables are var tableP = tableBodies[i].parentNode; while(tableP && tableP.tagName!='TABLE') tableP = tableP.parentNode; if (tableP && tableP.getAttribute('class') && tableP.getAttribute('class').indexOf('sorttable')<0) continue; //		var tableRows = tableBodies[i].getElementsByTagName("tr"); var tableRows = tableBodies[i].rows; // Loop through these rows // Start at 1 because we want to leave the heading row untouched if (tableRows.length > 0 && (!tableRows[0].className || tableRows[0].className.indexOf('sortheader')<0)) tableRows[0].className = tableRows[0].className + " sortheader"; for (var j = 1; j < tableRows.length; j++) { // Check if j is even, and apply classes for both possible results var oldClasses = tableRows[j].className.split(" "); var newClassName = ""; var nocolour=false; var tableD = tableRows[j].getElementsByTagName('DIV'); // look for any first inner divs that have the nocolour class for (var k=0;k=0) { nocolour=true; break; }                       }                        if (nocolour) continue; // leave this row alone for (var k = 0; k < oldClasses.length; k++) { if (oldClasses[k] != "" && oldClasses[k] != "even" && oldClasses[k] != "odd") { if (oldClasses[k]=='nocolour') nocolour=true; newClassName += oldClasses[k] + " "; }			} 		       tableRows[j].className = newClassName + (j % 2 == 0 ? "even" : "odd"); }	} }

/* * End of table sorting code */