Difference between revisions of "MediaWiki:Common.js"

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');
}

@@ Line 15: / Line 15: @@
   */
 function isNumeric(value) {
-     var isNumeric = false;
+     return new RegExp(/(^\d+$)|(^\d+\.\d+$)/).test(value);
-    var numReg = new RegExp(/(^\d+$)|(^\d+\.\d+$)/);
-    if (numReg.test(value)) {
-        isNumeric = true;
-    }
-    return isNumeric;
 }
@@ Line 27: / Line 22: @@
   */
 function removeChildren(element) {
-     while (element.hasChildNodes() {
+     while (element.hasChildNodes()) {
          element.removeChild(element.firstChild);
      }
@@ Line 33: / Line 28: @@
 /**
-  * Code for collapsible tables.
+  * Import more specific scripts.
   */
-var collapseCaption = 'hide';
+importScript('MediaWiki:Collapsible.js');
-var expandCaption = 'show';
+importScript('MediaWiki:Calculator.js');
-function collapseTable(tableIndex) {
+if (wgAction == 'edit' || wgAction == 'submit')
-    var button = document.getElementById('collapseButton' + tableIndex);
+{
-    var table = document.getElementById('collapsibleTable' + tableIndex);
+     importScript('MediaWiki:Editbar.js');
-    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', 'collapsible');
-    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);
-/**
- * Calculator that calculates your percentage chance for more and better loot given a Luck value.
- */
-function luckToChanceCalculator() {
-    var calculator = document.getElementById('luckToChance');
-    if (calculator) {
-        var calcTableRow = document.createElement('tr');
-        var calcTableCell = document.createElement('td');
-        calcTableCell.appendChild(document.createTextNode('Luck:'));
-        calcTableRow.appendChild(calcTableCell);
-        var luckInput = document.createElement('input');
-        luckInput.id = 'luckInput';
-        luckInput.maxLength = '4';
-        luckInput.type = 'text';
-        luckInput.style.width = '35px';
-        calcTableCell = document.createElement('td');
-        calcTableCell.appendChild(luckInput);
-        calcTableRow.appendChild(calcTableCell);
-        var percentChanceLabel = document.createElement('td');
-        percentChanceLabel.appendChild(document.createTextNode('0.000% Chance'));
-        percentChanceLabel.style.textAlign = 'right';
-        percentChanceLabel.style.width = '115px';
-        var calculateButton = document.createElement('input');
-        calculateButton.type = 'button';
-        calculateButton.value = 'Calculate >>';
-        calculateButton.onclick = function() {
-            if (luckInput.value) {
-                if (isNumeric(luckInput.value)) {
-                    var percentChance = Math.pow(luckInput.value, (5 / 9));
-                    if (percentChance > 100) {
-                        percentChance = 100;
-                    }
-                    percentChance = percentChance.toFixed(3);
-                    removeChildren(percentChanceLabel);
-                    percentChanceLabel.appendChild(document.createTextNode(percentChance + '% Chance'));
-                }
-            }
-        };
-        calcTableCell = document.createElement('td');
-        calcTableCell.appendChild(calculateButton);
-        calcTableRow.appendChild(calcTableCell);
-        calcTableRow.appendChild(percentChanceLabel);
-        var calcTable = document.createElement('table');
-        calcTable.appendChild(calcTableRow);
-        calculator.appendChild(calcTable);
-    }
-}
-addOnloadHook(luckToChanceCalculator);