Difference between revisions of "MediaWiki:Common.js"
m (Step 2 of imageheight change.)
 
(240 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 () {
 
     var reCache = {};
 
     var reCache = {};
 
     return function (element, className) {
 
     return function (element, className) {
−
         return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
+
         return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp('(?:\\s|^)' + className + '(?:\\s|$)'))).test(element.className);
 
     };
 
     };
 
})();
 
})();
−
 
  
 
/**
 
/**
−
  * Code for collapsible tables.
+
  * Determines if a given value is a number.
 
  */
 
  */
−
var autoCollapse = 2;
+
function isNumeric(value) {
−
var collapseCaption = "hide";
+
     return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value);
−
var expandCaption = "show";
+
−
 
+
−
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 = document.getElementsByTagName("table");
+
function removeChildren(element) {
−
 
+
    while (element.hasChildNodes()) {
−
    for (var i = 0; i < Tables.length; i++) {
+
         element.removeChild(element.firstChild);
−
        if (hasClass(Tables[i], "collapsible")) {
+
−
            /* only add button and increment count if there is a header row to work with */
+
−
            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");
+
−
            Spacer.appendChild(document.createTextNode("\u00a0"));
+
−
 
+
−
            Spacer.style.cssFloat = "left";
+
−
            Spacer.style.styleFloat = "left";
+
−
            Spacer.style.textAlign = "left";
+
−
            Spacer.style.width = "35px";
+
−
 
+
−
            var Button = document.createElement("span");
+
−
            var ButtonLink = document.createElement("a");
+
−
            var ButtonText = document.createTextNode(collapseCaption);
+
−
 
+
−
            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(Spacer, Header.childNodes[0]);
+
−
            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++;
+
−
        }
+
−
        ts_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;
+
−
    }
+
−
    // 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];
+
−
        if ((' ' + cell.className + ' ').indexOf(' unsortable ') == -1) {
+
−
            cell.innerHTML += '&nbsp;&nbsp;<a href="#" class="sortheader" onclick="reSortTable(this);return false;"><span class="sortarrow"><img src="' + noneArrow + '" alt="&darr;"/></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 = 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="&darr;"/>';
+
−
        newRows.reverse();
+
−
        span.setAttribute('sortdir','up');
+
−
    } else {
+
−
        arrowHTML = '<img src="'+ upArrow + '" alt="&uarr;"/>';
+
−
        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="&darr;"/>';
+
−
    }
+
−
    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 = 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");
+
−
        }
+
−
    }
+
 
}
 
}

Latest revision as of 12:30, 24 August 2011

/* Any JavaScript here will be loaded for all users on every page load. */

/**
 * Determines if a particular element possesses a class.
 */
var hasClass = (function () {
    var reCache = {};
    return function (element, className) {
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp('(?:\\s|^)' + className + '(?:\\s|$)'))).test(element.className);
    };
})();

/**
 * Determines if a given value is a number.
 */
function isNumeric(value) {
    return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value);
}

/**
 * Removes all children from an element.
 */
function removeChildren(element) {
    while (element.hasChildNodes()) {
        element.removeChild(element.firstChild);
    }
}

/**
 * Import more specific scripts.
 */
importScript('MediaWiki:Collapsible.js');
importScript('MediaWiki:Calculator.js');

if (wgAction == 'edit' || wgAction == 'submit')
{
    importScript('MediaWiki:Editbar.js');
}
Retrieved from "https://www.uoguide.com/index.php?title=MediaWiki:Common.js&oldid=53039"