|
|
(194 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 10: |
Line 10: |
| }; | | }; |
| })(); | | })(); |
− |
| |
| | | |
| /** | | /** |
− | * Code for collapsible tables. | + | * Determines if a given value is a number. |
| */ | | */ |
− | var collapseCaption = 'hide';
| + | function isNumeric(value) { |
− | var expandCaption = 'show';
| + | return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value); |
− | | + | |
− | 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;
| + | * Removes all children from an element. |
− | var navigationBoxes = new Object();
| + | */ |
− | var tables = getElementsByClassName(document, 'table', 'collapses');
| + | function removeChildren(element) { |
− | | + | while (element.hasChildNodes()) { |
− | for (var i = 0; i < tables.length; i++) {
| + | element.removeChild(element.firstChild); |
− | 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';
| + | |
| | | |
− | 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) {
| |
− | var spacer = document.createElement('span');
| |
− | var link = document.createElement('a');
| |
− | var span = document.createElement('span');
| |
− | var image = document.createElement('img');
| |
− |
| |
− | spacer.style.cssFloat = 'left';
| |
− | spacer.style.styleFloat = 'left';
| |
− | spacer.style.textAlign = 'left';
| |
− | spacer.style.width = '12px';
| |
− | spacer.appendChild(document.createTextNode('\u00a0'));
| |
− | cell.insertBefore(spacer, cell.childNodes[0]);
| |
− |
| |
− | image.src = noneArrow;
| |
− | image.alt = '↓';
| |
− |
| |
− | link.href = '#';
| |
− | link.className = 'sortheader';
| |
− | try {
| |
− | link.attachEvent('onclick', function() { reSortTable(this); });
| |
− | } catch (e) {
| |
− | link.addEventListener('click', function() { reSortTable(this); }, false);
| |
− | }
| |
− | link.appendChild(image);
| |
− |
| |
− | span.className = 'sortarrow';
| |
− | span.style.width = '12px';
| |
− | span.appendChild(link);
| |
− | cell.appendChild(span);
| |
− | }
| |
− | }
| |
− | alternate(table);
| |
− | }
| |
− |
| |
− | 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;
| |
− | }
| |
− |
| |
− | 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;
| |
− | }
| |
− | }
| |
− | }
| |
− |
| |
− | sortfn = sortCaseInsensitive;
| |
− |
| |
− | if (itm.match(/^\d\d[\/. -][a-zA-Z]{3}[\/. -]\d\d\d\d$/)) {
| |
− | sortfn = sortDate;
| |
− | }
| |
− | if (itm.match(/^\d\d[\/.-]\d\d[\/.-]\d\d\d\d$/)) {
| |
− | sortfn = sortDate;
| |
− | }
| |
− | if (itm.match(/^\d\d[\/.-]\d\d[\/.-]\d\d$/)) {
| |
− | sortfn = sortDate;
| |
− | }
| |
− | if (itm.match(/^[\u00a3$\u20ac]/)) {
| |
− | sortfn = sortCurrency;
| |
− | }
| |
− | if (itm.match(/^[\d.,]+\%?$/)) {
| |
− | sortfn = sortNumeric;
| |
− | }
| |
− |
| |
− | 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 = getInnerText(row.cells[column]);
| |
− | var oldIndex = (reverse ? -j : j);
| |
− | newRows[newRows.length] = new Array(row, keyText, oldIndex);
| |
− | }
| |
− | 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 < 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;
| |
− | alternate(table);
| |
− | }
| |
− |
| |
− | 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 parseFloat(num) {
| |
− | if (!num) {
| |
− | return 0;
| |
− | }
| |
− |
| |
− | num = parseFloat(num.replace(/,/g, ''));
| |
− |
| |
− | return (isNaN(num) ? 0 : num);
| |
− | }
| |
− |
| |
− | function sortDate(a, b) {
| |
− | var aa = dateToSortKey(a[1]);
| |
− | var bb = dateToSortKey(b[1]);
| |
− | return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]);
| |
− | }
| |
− |
| |
− | function sortCurrency(a, b) {
| |
− | var aa = parseFloat(a[1].replace(/[^0-9.]/g, ''));
| |
− | var bb = parseFloat(b[1].replace(/[^0-9.]/g, ''));
| |
− | return (aa != bb ? aa - bb : a[2] - b[2]);
| |
− | }
| |
− |
| |
− | function sortNumeric(a, b) {
| |
− | var aa = parseFloat(a[1]);
| |
− | var bb = parseFloat(b[1]);
| |
− | return (aa != bb ? aa - bb : a[2] - b[2]);
| |
− | }
| |
− |
| |
− | function sortCaseInsensitive(a, b) {
| |
− | var aa = a[1].toLowerCase();
| |
− | var bb = b[1].toLowerCase();
| |
− | return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]);
| |
− | }
| |
− |
| |
− | function sortDefault(a, b) {
| |
− | return (a[1] < b[1] ? -1 : a[1] > b[1] ? 1 : a[2] - b[2]);
| |
− | }
| |
− |
| |
− | function alternate(table) {
| |
− | var tableBodies = table.getElementsByTagName('tbody');
| |
− | for (var i = 0; i < tableBodies.length; i++) {
| |
− | var tableRows = tableBodies[i].getElementsByTagName('tr');
| |
− |
| |
− | for (var j = 0; j < tableRows.length; j++) {
| |
− | var oldClasses = tableRows[j].className.split(' ');
| |
− | var newClassName = '';
| |
− |
| |
− | for (var k = 0; k < oldClasses.length; k++) {
| |
− | if (oldClasses[k] != '' && oldClasses[k] != 'even' && oldClasses[k] != 'odd') {
| |
− | newClassName += oldClasses[k] + ' ';
| |
− | }
| |
− | }
| |
− |
| |
− | tableRows[j].className = newClassName + (j % 2 == 0 ? 'even' : 'odd');
| |
− | }
| |
− | }
| |
− | }
| |
− |
| |
− | addOnloadHook(sortTablesInit);
| |