|
|
(209 intermediate revisions by the same user not shown) |
Line 2: |
Line 2: |
| | | |
| /** | | /** |
− | * Code for collapsible tables. | + | * Determines if a particular element possesses a class. |
| */ | | */ |
− | var autoCollapse = 2; | + | var hasClass = (function () { |
− | var collapseCaption = 'hide'; | + | var reCache = {}; |
− | var expandCaption = 'show';
| + | return function (element, className) { |
| + | return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp('(?:\\s|^)' + className + '(?:\\s|$)'))).test(element.className); |
| + | }; |
| + | })(); |
| | | |
− | function collapseTable(tableIndex) { | + | /** |
− | var button = document.getElementById('collapseButton' + tableIndex); | + | * Determines if a given value is a number. |
− | var table = document.getElementById('collapsibleTable' + tableIndex);
| + | */ |
− | | + | function isNumeric(value) { |
− | if (!table || !button) {
| + | return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value); |
− | 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.setAttribute('id', 'collapseButton' + tableIndex);
| + | |
− | buttonLink.setAttribute('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 >= autoCollapse && 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) {
| |
− | cell.innerHTML += ' <a href="#" class="sortheader" onclick="ts_resortTable(this);return false;"><span class="sortarrow"><img src="'+ ts_image_path + ts_image_none + '" alt="↓"/></span></a>';
| |
− | }
| |
− | }
| |
− | 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 = 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]/)) {
| |
− | sortfn = ts_sort_currency;
| |
− | }
| |
− | if (itm.match(/^[\d.,]+\%?$/)) {
| |
− | 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 = 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) {
| |
− | 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;
| |
− | }
| |
− | return yr + 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 = ts_dateToSortKey(a[1]);
| |
− | var bb = ts_dateToSortKey(b[1]);
| |
− | return (aa < bb ? -1 : aa > bb ? 1 : a[2] - b[2]);
| |
− | }
| |
− |
| |
− | function sortCurrency(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 sortNumeric(a, b) {
| |
− | var aa = ts_parseFloat(a[1]);
| |
− | var bb = ts_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);
| |