|
|
(162 intermediate revisions by the same user not shown) |
Line 2: |
Line 2: |
| | | |
| /** | | /** |
− | * Tests if a particular element possesses a class. | + | * Determines if a particular element possesses a class. |
| */ | | */ |
| var hasClass = (function () { | | var hasClass = (function () { |
Line 12: |
Line 12: |
| | | |
| /** | | /** |
− | * Custom getElementsByClassName by Snook + Nyman | + | * Determines if a given value is a number. |
| */ | | */ |
− | function getElementsByClassName(oElm, strTagName, oClassNames){ | + | function isNumeric(value) { |
− | var arrElements = (strTagName == '*' && oElm.all) ? oElm.all : oElm.getElementsByTagName(strTagName); | + | return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value); |
− | var arrReturnElements = new Array();
| + | |
− | var arrRegExpClassNames = new Array();
| + | |
− | | + | |
− | if (typeof oClassNames == 'object') {
| + | |
− | for (var i = 0; i < oClassNames.length; i++) {
| + | |
− | arrRegExpClassNames[arrRegExpClassNames.length] = new RegExp('(^|\\s)' + oClassNames[i].replace(/\-/g, '\\-') + '(\\s|$)');
| + | |
− | }
| + | |
− | } else {
| + | |
− | arrRegExpClassNames[arrRegExpClassNames.length] = new RegExp('(^|\\s)' + oClassNames.replace(/\-/g, '\\-') + '(\\s|$)');
| + | |
− | }
| + | |
− | | + | |
− | var oElement;
| + | |
− | var bMatchesAll;
| + | |
− | | + | |
− | for (var j = 0; j < arrElements.length; j++) {
| + | |
− | oElement = arrElements[j];
| + | |
− | bMatchesAll = true;
| + | |
− | | + | |
− | for (var k = 0; k < arrRegExpClassNames.length; k++) {
| + | |
− | if(!arrRegExpClassNames[k].test(oElement.className)) {
| + | |
− | bMatchesAll = false;
| + | |
− | break;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | if (bMatchesAll) {
| + | |
− | arrReturnElements[arrReturnElements.length] = oElement;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | return arrReturnElements;
| + | |
| } | | } |
| | | |
| /** | | /** |
− | * Code for collapsible tables. | + | * Removes all children from an element. |
| */ | | */ |
− | var collapseCaption = 'hide';
| + | function removeChildren(element) { |
− | var expandCaption = 'show';
| + | while (element.hasChildNodes()) { |
− | | + | element.removeChild(element.firstChild); |
− | function collapseTable(tableIndex) { | + | |
− | var button = document.getElementById('collapseButton' + tableIndex); | + | |
− | var table = document.getElementById('collapsibleTable' + tableIndex);
| + | |
− | | + | |
− | if (!table || !button) {
| + | |
− | return false; | + | |
− | }
| + | |
− | | + | |
− | var rows = table.rows;
| + | |
− | | + | |
− | if (button.firstChild.data == collapseCaption) {
| + | |
− | for (var i = 1; i < rows.length; i++) {
| + | |
− | rows[i].style.display = 'none';
| + | |
− | }
| + | |
− | button.firstChild.data = expandCaption;
| + | |
− | } else {
| + | |
− | for (var i = 1; i < rows.length; i++) {
| + | |
− | rows[i].style.display = rows[0].style.display;
| + | |
− | }
| + | |
− | button.firstChild.data = collapseCaption;
| + | |
| } | | } |
| } | | } |
− |
| |
− | function createCollapseButtons() {
| |
− | var tableIndex = 0;
| |
− | var navigationBoxes = new Object();
| |
− | var tables = getElementsByClassName(document, 'table', 'collapses');
| |
− |
| |
− | for (var i = 0; i < tables.length; i++) {
| |
− | var headerRow = tables[i].getElementsByTagName('tr')[0];
| |
− | if (!headerRow) {
| |
− | continue;
| |
− | }
| |
− |
| |
− | var header = headerRow.getElementsByTagName('th')[0];
| |
− | if (!header) {
| |
− | continue;
| |
− | }
| |
− |
| |
− | navigationBoxes[tableIndex] = tables[i];
| |
− | tables[i].setAttribute('id', 'collapsibleTable' + tableIndex);
| |
− |
| |
− | var spacer = document.createElement('div');
| |
− | var button = document.createElement('span');
| |
− | var buttonLink = document.createElement('a');
| |
− | var buttonText = document.createTextNode(collapseCaption);
| |
− |
| |
− | spacer.style.cssFloat = 'left';
| |
− | spacer.style.styleFloat = 'left';
| |
− | spacer.style.textAlign = 'left';
| |
− | spacer.style.width = '35px';
| |
− | spacer.appendChild(document.createTextNode('\u00a0'));
| |
− | header.insertBefore(spacer, header.childNodes[0]);
| |
− |
| |
− | button.style.cssFloat = 'right';
| |
− | button.style.styleFloat = 'right';
| |
− | button.style.fontSize = '11px';
| |
− | button.style.fontWeight = 'normal';
| |
− | button.style.textAlign = 'right';
| |
− | button.style.width = '35px';
| |
− |
| |
− | buttonLink.style.color = '#FFFFFF';
| |
− | buttonLink.id = 'collapseButton' + tableIndex;
| |
− | buttonLink.href = 'javascript:collapseTable(' + tableIndex + ');';
| |
− | buttonLink.appendChild(buttonText);
| |
− |
| |
− | button.appendChild(document.createTextNode('['));
| |
− | button.appendChild(buttonLink);
| |
− | button.appendChild(document.createTextNode(']'));
| |
− | header.insertBefore(button, header.childNodes[0]);
| |
− |
| |
− | tableIndex++;
| |
− | }
| |
− |
| |
− | for (var i = 0; i < tableIndex; i++) {
| |
− | if (hasClass(navigationBoxes[i], 'collapsed') || (tableIndex >= 2 && hasClass(navigationBoxes[i], 'autocollapse'))) {
| |
− | collapseTable(i);
| |
− | }
| |
− | else if (hasClass(navigationBoxes[i], 'innercollapse')) {
| |
− | var element = navigationBoxes[i];
| |
− | while (element = element.parentNode) {
| |
− | if (hasClass(element, 'outercollapse')) {
| |
− | collapseTable(i);
| |
− | break;
| |
− | }
| |
− | }
| |
− | }
| |
− | }
| |
− | }
| |
− |
| |
− | addOnloadHook(createCollapseButtons);
| |
| | | |
| /** | | /** |
− | * Code for sortable tables. | + | * Import more specific scripts. |
| */ | | */ |
− | var upArrow = 'images/5/5b/Sort_up.gif';
| + | importScript('MediaWiki:Collapsible.js'); |
− | var downArrow = 'images/7/7a/Sort_down.gif';
| + | importScript('MediaWiki:Calculator.js'); |
− | var noneArrow = 'images/e/e8/Sort_none.gif';
| + | |
− | var numberTransformTable = null;
| + | |
− | var numberRegex = null;
| + | |
| | | |
− | function sortTablesInit() {
| + | if (wgAction == 'edit' || wgAction == 'submit') |
− | var idnum = 0;
| + | { |
− | var tables = getElementsByClassName(document, 'table', 'sorts');
| + | importScript('MediaWiki:Editbar.js'); |
− | | + | |
− | for (var i = 0; i < tables.length; i++) { | + | |
− | if (!tables[i].id) {
| + | |
− | tables[i].setAttribute('id', 'sortable_table_id_' + idnum);
| + | |
− | idnum++;
| + | |
− | }
| + | |
− | | + | |
− | makeSortable(tables[i]);
| + | |
− | }
| + | |
| } | | } |
− |
| |
− | function 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;
| |
− | }
| |
− |
| |
− | for (var i = 0; i < firstRow.cells.length; i++) {
| |
− | var cell = firstRow.cells[i];
| |
− |
| |
− | if ((' ' + cell.className + ' ').indexOf(' unsortable ') == -1) {
| |
− | cell.innerHTML += ' <a href="#" class="sortheader" onclick="reSortTable(this);return false;"><span class="sortarrow"><img src="'+ noneArrow + '" alt="↓"/></span></a>';
| |
− | }
| |
− | }
| |
− | }
| |
− |
| |
− | function getInnerText(el) {
| |
− | if (typeof el == 'string' || typeof el == 'undefined') {
| |
− | return el;
| |
− | }
| |
− |
| |
− | if (el.textContent) {
| |
− | return el.textContent;
| |
− | }
| |
− |
| |
− | if (el.innerText) {
| |
− | return el.innerText;
| |
− | }
| |
− |
| |
− | var innerText = '';
| |
− | var cs = el.childNodes;
| |
− | var l = cs.length;
| |
− |
| |
− | for (var i = 0; i < l; i++) {
| |
− | switch (cs[i].nodeType) {
| |
− | case 1: innerText += getInnerText(cs[i]); break;
| |
− | case 3: innerText += cs[i].nodeValue; break;
| |
− | }
| |
− | }
| |
− |
| |
− | return innerText;
| |
− | }
| |
− |
| |
− | function reSortTable(lnk) {
| |
− | 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;
| |
− | }
| |
− |
| |
− | if (table.rows.length <= 1) {
| |
− | return;
| |
− | }
| |
− |
| |
− | if (numberTransformTable == null) {
| |
− | initTransformTable();
| |
− | }
| |
− |
| |
− | var rowStart = (table.tHead && table.tHead.rows.length > 0 ? 0 : 1);
| |
− | var itm = '';
| |
− |
| |
− | for (var i = rowStart; i < table.rows.length; i++) {
| |
− | if (table.rows[i].cells.length > column) {
| |
− | itm = getInnerText(table.rows[i].cells[column]);
| |
− | itm = itm.replace(/^[\s\xa0]+/, '').replace(/[\s\xa0]+$/, '');
| |
− |
| |
− | if (itm != '') {
| |
− | break;
| |
− | }
| |
− | }
| |
− | }
| |
− |
| |
− | var sortfn = sortGeneric;
| |
− | var preprocessor = sortToLowerCase;
| |
− |
| |
− | if (/^\d\d[\/. -][a-zA-Z]{3}[\/. -]\d\d\d\d$/.test(itm)) {
| |
− | preprocessor = dateToSortKey;
| |
− | } else if (/^\d\d[\/.-]\d\d[\/.-]\d\d\d\d$/.test(itm)) {
| |
− | preprocessor = dateToSortKey;
| |
− | } else if (/^\d\d[\/.-]\d\d[\/.-]\d\d$/.test(itm)) {
| |
− | preprocessor = dateToSortKey;
| |
− | } else if (/(^([-\u2212] *)?[\u00a3$\u20ac\u00a4\u00a5]|\u00a2$)/.test(itm)) {
| |
− | preprocessor = currencyToSortKey;
| |
− | } else if (numberRegex.test(itm)) {
| |
− | preprocessor = sortParseFloat;
| |
− | }
| |
− |
| |
− | var reverse = (span.getAttribute('sortdir') == 'down');
| |
− | var newRows = new Array();
| |
− | var staticRows = new Array();
| |
− |
| |
− | for (var j = rowStart; j < table.rows.length; j++) {
| |
− | var row = table.rows[j];
| |
− |
| |
− | if((' ' + row.className + ' ').indexOf(' unsortable ') < 0) {
| |
− | var keyText = getInnerText(row.cells[column]);
| |
− |
| |
− | if (keyText == undefined) {
| |
− | keyText = '';
| |
− | }
| |
− |
| |
− | var oldIndex = (reverse ? -j : j);
| |
− | var preprocessed = preprocessor(keyText.replace(/^[\s\xa0]+/, '').replace(/[\s\xa0]+$/, ''));
| |
− |
| |
− | newRows[newRows.length] = new Array(row, preprocessed, oldIndex);
| |
− | } else {
| |
− | staticRows[staticRows.length] = new Array(row, false, j - rowStart);
| |
− | }
| |
− | }
| |
− |
| |
− | newRows.sort(sortfn);
| |
− |
| |
− | var arrowHTML;
| |
− |
| |
− | if (reverse) {
| |
− | arrowHTML = '<img src="'+ downArrow + '" alt="↓"/>';
| |
− | newRows.reverse();
| |
− | span.setAttribute('sortdir','up');
| |
− | } else {
| |
− | arrowHTML = '<img src="'+ upArrow + '" alt="↑"/>';
| |
− | span.setAttribute('sortdir','down');
| |
− | }
| |
− |
| |
− | for (var i = 0; i < staticRows.length; i++) {
| |
− | var row = staticRows[i];
| |
− |
| |
− | newRows.splice(row[2], 0, row);
| |
− | }
| |
− |
| |
− | for (var i = 0; i < newRows.length; i++) {
| |
− | if ((' ' + newRows[i][0].className + ' ').indexOf(' sortbottom ') == -1) {
| |
− | table.tBodies[0].appendChild(newRows[i][0]);
| |
− | }
| |
− | }
| |
− |
| |
− | for (var i = 0; i < newRows.length; i++) {
| |
− | if ((' ' + newRows[i][0].className + ' ').indexOf(' sortbottom ') != -1) {
| |
− | table.tBodies[0].appendChild(newRows[i][0]);
| |
− | }
| |
− | }
| |
− |
| |
− | var spans = getElementsByClassName(tr, 'span', 'sortarrow');
| |
− |
| |
− | for (var i = 0; i < spans.length; i++) {
| |
− | spans[i].innerHTML = '<img src="'+ noneArrow + '" alt="↓"/>';
| |
− | }
| |
− |
| |
− | span.innerHTML = arrowHTML;
| |
− | }
| |
− |
| |
− | function initTransformTable() {
| |
− | if (typeof wgSeparatorTransformTable == 'undefined' || (wgSeparatorTransformTable[0] == '' && wgDigitTransformTable[2] == '' )) {
| |
− | digitClass = '[0-9,.]';
| |
− | numberTransformTable = false;
| |
− | } else {
| |
− | numberTransformTable = {};
| |
− | ascii = wgSeparatorTransformTable[0].split('\t');
| |
− | localised = wgSeparatorTransformTable[1].split('\t');
| |
− |
| |
− | for (var i = 0; i < ascii.length; i++) {
| |
− | numberTransformTable[localised[i]] = ascii[i];
| |
− | }
| |
− |
| |
− | ascii = wgDigitTransformTable[0].split('\t');
| |
− | localised = wgDigitTransformTable[1].split('\t');
| |
− |
| |
− | for (var i = 0; i < ascii.length; i++) {
| |
− | numberTransformTable[localised[i]] = ascii[i];
| |
− | }
| |
− |
| |
− | digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ',', '\\.'];
| |
− | maxDigitLength = 1;
| |
− |
| |
− | for (var digit in numberTransformTable) {
| |
− | digits.push(
| |
− | digit.replace(/[\\\\$\*\+\?\.\(\)\|\{\}\[\]\-]/,
| |
− | function(s) { return '\\' + s; })
| |
− | );
| |
− |
| |
− | if (digit.length > maxDigitLength) {
| |
− | maxDigitLength = digit.length;
| |
− | }
| |
− | }
| |
− |
| |
− | if (maxDigitLength > 1) {
| |
− | digitClass = '[' + digits.join('', digits) + ']';
| |
− | } else {
| |
− | digitClass = '(' + digits.join('|', digits) + ')';
| |
− | }
| |
− | }
| |
− |
| |
− | numberRegex = new RegExp(
| |
− | '^(' +
| |
− | '[-+\u2212]?[0-9][0-9,]*(\\.[0-9,]*)?(E[-+\u2212]?[0-9][0-9,]*)?' +
| |
− | '|' +
| |
− | '[-+\u2212]?' + digitClass + '+%?' +
| |
− | ')$', 'i'
| |
− | );
| |
− | }
| |
− |
| |
− | function sortToLowerCase(s) {
| |
− | return s.toLowerCase();
| |
− | }
| |
− |
| |
− | function dateToSortKey(date) {
| |
− | 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;
| |
− | }
| |
− |
| |
− | return date.substr(7, 4) + month + date.substr(0, 2);
| |
− | } else if (date.length == 10) {
| |
− | return date.substr(6, 4) + date.substr(0, 2) + date.substr(3 ,2);
| |
− | } else if (date.length == 8) {
| |
− | year = date.substr(6, 2);
| |
− |
| |
− | if (parseInt(year) < 50) {
| |
− | year = '20' + year;
| |
− | } else {
| |
− | year = '19' + year;
| |
− | }
| |
− |
| |
− | return year + date.substr(0, 2) + date.substr(3, 2);
| |
− | }
| |
− |
| |
− | return '00000000';
| |
− | }
| |
− |
| |
− | function sortParseFloat(s) {
| |
− | if (!s) {
| |
− | return 0;
| |
− | }
| |
− |
| |
− | if (numberTransformTable != false) {
| |
− | var newNum = '', c;
| |
− |
| |
− | for (var p = 0; p < s.length; p++) {
| |
− | c = s.charAt(p);
| |
− |
| |
− | if (c in numberTransformTable) {
| |
− | newNum += numberTransformTable[c];
| |
− | } else {
| |
− | newNum += c;
| |
− | }
| |
− | }
| |
− |
| |
− | s = newNum;
| |
− | }
| |
− |
| |
− | num = parseFloat(s.replace(/[, ]/g, '').replace('\u2212', '-'));
| |
− |
| |
− | return (isNaN(num) ? -Infinity : num);
| |
− | }
| |
− |
| |
− | function currencyToSortKey(s) {
| |
− | return sortParseFloat(s.replace(/[^-\u22120-9.,]/g, ''));
| |
− | }
| |
− |
| |
− | function sortGeneric(a, b) {
| |
− | return a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : a[2] - b[2];
| |
− | }
| |
− |
| |
− | addOnloadHook(sortTablesInit);
| |