Difference between revisions of "MediaWiki:Common.js"

m
m
Line 133: Line 133:
 
  * Code for calculators.
 
  * Code for calculators.
 
  */
 
  */
−
function Calculator(calculator) {
+
var Calculator = Class.extend({
 +
    init: function(content) {
 +
        var location = document.getElementById(content.id);
 +
 
 +
        var table = document.createElement('table');
 +
        table.className = 'uoguidetable open';
 +
 
 +
        var calcTableBody = document.createElement('tbody');
 +
        table.appendChild(calcTableBody);
 +
 
 +
        var calcTableRow = document.createElement('tr');
 +
        calcTableBody.appendChild(calcTableRow);
 +
 
 +
        var calcTableHeader = document.createElement('th');
 +
        calcTableHeader.colSpan = content.columns;
 +
        calcTableHeader.appendChild(document.createTextNode(content.title));
 +
        calcTableRow.appendChild(calcTableHeader);
 +
 
 +
        calcTableRow = content;
 +
        calcTableBody.appendChild(calcTableRow);
 +
 
 +
        location.appendChild(table);
 +
    }
 +
});
 +
 
 +
<!--function Calculator(calculator) {
 
     var content = new calculator();
 
     var content = new calculator();
 
     var location = document.getElementById(content.id);
 
     var location = document.getElementById(content.id);
Line 155: Line 180:
  
 
     location.appendChild(table);
 
     location.appendChild(table);
−
}
+
}-->
 +
 
 +
/**
 +
* Calculator that calculates your percentage chance for more and better loot given a specified Luck value.
 +
*/
 +
var LuckToChanceCalculator = Calculator.extend({
 +
    init: function() {
 +
        var calcTableRow = document.createElement('tr');
 +
        var calcTableCell = document.createElement('td');
 +
        var luckInput = document.createElement('input');
 +
        var calculateButton = document.createElement('input');
 +
        var percentChanceLabel = document.createElement('div');
 +
 
 +
        calcTableCell.style.textAlign = 'right';
 +
        calcTableCell.appendChild(document.createTextNode('Luck:'));
 +
        calcTableRow.appendChild(calcTableCell);
 +
 
 +
        luckInput.id = 'luckInput';
 +
        luckInput.maxLength = '4';
 +
        luckInput.type = 'text';
 +
        luckInput.style.width = '35px';
 +
        luckInput.onkeyup = function(event) {
 +
            listenForEnterKey(event, passFunction(calculate, luckInput, percentChanceLabel));
 +
        };
 +
calcTableCell = document.createElement('td');
 +
        calcTableCell.appendChild(luckInput);
 +
        calcTableRow.appendChild(calcTableCell);
 +
 
 +
        calculateButton.type = 'button';
 +
        calculateButton.value = 'Calculate >>';
 +
        calculateButton.onclick = function() {
 +
            calculate(luckInput, percentChanceLabel);
 +
        };
 +
calcTableCell = document.createElement('td');
 +
        calcTableCell.appendChild(calculateButton);
 +
        calcTableRow.appendChild(calcTableCell);
 +
 
 +
        percentChanceLabel.appendChild(document.createTextNode('0.000% Chance'));
 +
        percentChanceLabel.style.textAlign = 'right';
 +
        percentChanceLabel.style.width = '110px';
 +
calcTableCell = document.createElement('td');
 +
        calcTableCell.appendChild(percentChanceLabel);
 +
        calcTableRow.appendChild(calcTableCell);
 +
 
 +
        this._super(calcTableRow);
 +
    }
 +
});
  
 
function searchForCalculators() {
 
function searchForCalculators() {
Line 162: Line 233:
 
     for (var i in calculators) {
 
     for (var i in calculators) {
 
         if (calculators[i].id == 'LuckToChance') {
 
         if (calculators[i].id == 'LuckToChance') {
−
             Calculator(LuckToChanceCalculator);
+
             var luckToChance = new LuckToChanceCalculator();
 
         } else if (calculators[i].id == 'ChanceToLuck') {
 
         } else if (calculators[i].id == 'ChanceToLuck') {
 
             Calculator(ChanceToLuckCalculator);
 
             Calculator(ChanceToLuckCalculator);
Line 170: Line 241:
 
addOnloadHook(searchForCalculators);
 
addOnloadHook(searchForCalculators);
  
−
/**
+
<!--function LuckToChanceCalculator() {
−
* Calculator that calculates your percentage chance for more and better loot given a specified Luck value.
+
−
*/
+
−
function LuckToChanceCalculator() {
+
 
     this.id = 'LuckToChance';
 
     this.id = 'LuckToChance';
 
     this.title = 'Luck to Chance';
 
     this.title = 'Luck to Chance';
Line 231: Line 299:
 
         }
 
         }
 
     }
 
     }
−
}
+
}-->
  
 
/**
 
/**

Revision as of 11:07, 19 April 2010

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

/**
 * Import utility functions.
 */
importScript('MediaWiki:Common.js/Utility.js');

/**
 * Import more specific scripts, if necessary.
 */
if (wgAction == 'edit' || wgAction == 'submit')
{
    importScript('MediaWiki:Common.js/Editbar.js');
}

/**
 * Partial function application for passing a function, that itself has parameters, as a parameter.
 */
function passFunction(func) {
    var args = Array.prototype.slice.call(arguments).splice(1);
    return function() {
        var allArguments = args.concat(Array.prototype.slice.call(arguments));
        return func.apply(this, allArguments);
    };
}

/**
 * Executes a specific action when the Enter key is pressed in a specific element.
 */
function listenForEnterKey(keyEvent, action) {
    var keyID = window.event ? event.keyCode : keyEvent.keyCode;
    if (keyID == 13) action();
}

/**
 * Code for collapsible tables.
 */
var collapseCaption = 'hide';
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;
    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);

/**
 * Code for calculators.
 */
var Calculator = Class.extend({
    init: function(content) {
        var location = document.getElementById(content.id);

        var table = document.createElement('table');
        table.className = 'uoguidetable open';

        var calcTableBody = document.createElement('tbody');
        table.appendChild(calcTableBody);

        var calcTableRow = document.createElement('tr');
        calcTableBody.appendChild(calcTableRow);

        var calcTableHeader = document.createElement('th');
        calcTableHeader.colSpan = content.columns;
        calcTableHeader.appendChild(document.createTextNode(content.title));
        calcTableRow.appendChild(calcTableHeader);

        calcTableRow = content;
        calcTableBody.appendChild(calcTableRow);

        location.appendChild(table);
    }
});

<!--function Calculator(calculator) {
    var content = new calculator();
    var location = document.getElementById(content.id);

    var table = document.createElement('table');
    table.className = 'uoguidetable open';

    var calcTableBody = document.createElement('tbody');
    table.appendChild(calcTableBody);

    var calcTableRow = document.createElement('tr');
    calcTableBody.appendChild(calcTableRow);

    var calcTableHeader = document.createElement('th');
    calcTableHeader.colSpan = content.columns;
    calcTableHeader.appendChild(document.createTextNode(content.title));
    calcTableRow.appendChild(calcTableHeader);

    calcTableRow = content.buildCalculator();
    calcTableBody.appendChild(calcTableRow);

    location.appendChild(table);
}-->

/**
 * Calculator that calculates your percentage chance for more and better loot given a specified Luck value.
 */
var LuckToChanceCalculator = Calculator.extend({
    init: function() {
        var calcTableRow = document.createElement('tr');
        var calcTableCell = document.createElement('td');
        var luckInput = document.createElement('input');
        var calculateButton = document.createElement('input');
        var percentChanceLabel = document.createElement('div');

        calcTableCell.style.textAlign = 'right';
        calcTableCell.appendChild(document.createTextNode('Luck:'));
        calcTableRow.appendChild(calcTableCell);

        luckInput.id = 'luckInput';
        luckInput.maxLength = '4';
        luckInput.type = 'text';
        luckInput.style.width = '35px';
        luckInput.onkeyup = function(event) {
            listenForEnterKey(event, passFunction(calculate, luckInput, percentChanceLabel));
        };
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(luckInput);
        calcTableRow.appendChild(calcTableCell);

        calculateButton.type = 'button';
        calculateButton.value = 'Calculate >>';
        calculateButton.onclick = function() {
            calculate(luckInput, percentChanceLabel);
        };
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(calculateButton);
        calcTableRow.appendChild(calcTableCell);

        percentChanceLabel.appendChild(document.createTextNode('0.000% Chance'));
        percentChanceLabel.style.textAlign = 'right';
        percentChanceLabel.style.width = '110px';
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(percentChanceLabel);
        calcTableRow.appendChild(calcTableCell);

        this._super(calcTableRow);
    }
});

function searchForCalculators() {
    var calculators = document.getElementsByTagName('div');

    for (var i in calculators) {
         if (calculators[i].id == 'LuckToChance') {
             var luckToChance = new LuckToChanceCalculator();
         } else if (calculators[i].id == 'ChanceToLuck') {
             Calculator(ChanceToLuckCalculator);
         }
    }
}
addOnloadHook(searchForCalculators);

<!--function LuckToChanceCalculator() {
    this.id = 'LuckToChance';
    this.title = 'Luck to Chance';
    this.columns = '4';
    this.buildCalculator = function() {
        var calcTableRow = document.createElement('tr');
        var calcTableCell = document.createElement('td');
        var luckInput = document.createElement('input');
        var calculateButton = document.createElement('input');
        var percentChanceLabel = document.createElement('div');

        calcTableCell.style.textAlign = 'right';
        calcTableCell.appendChild(document.createTextNode('Luck:'));
        calcTableRow.appendChild(calcTableCell);

        luckInput.id = 'luckInput';
        luckInput.maxLength = '4';
        luckInput.type = 'text';
        luckInput.style.width = '35px';
        luckInput.onkeyup = function(event) {
            listenForEnterKey(event, passFunction(calculate, luckInput, percentChanceLabel));
        };
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(luckInput);
        calcTableRow.appendChild(calcTableCell);

        calculateButton.type = 'button';
        calculateButton.value = 'Calculate >>';
        calculateButton.onclick = function() {
            calculate(luckInput, percentChanceLabel);
        };
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(calculateButton);
        calcTableRow.appendChild(calcTableCell);

        percentChanceLabel.appendChild(document.createTextNode('0.000% Chance'));
        percentChanceLabel.style.textAlign = 'right';
        percentChanceLabel.style.width = '110px';
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(percentChanceLabel);
        calcTableRow.appendChild(calcTableCell);

        return calcTableRow;
    };

    function calculate(luckInput, percentChanceLabel) {
        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'));
            }
        }
    }
}-->

/**
 * Calculator that calculates the amount of Luck required to achieve a specified percentage chance for more and better loot.
 */
function ChanceToLuckCalculator() {
    this.id = 'ChanceToLuck';
    this.title = 'Chance to Luck';
    this.columns = '4';
    this.buildCalculator = function() {
        var calcTableRow = document.createElement('tr');
        var calcTableCell = document.createElement('td');
        var chanceInput = document.createElement('input');
        var calculateButton = document.createElement('input');
        var luckAmountLabel = document.createElement('div');

        calcTableCell.style.textAlign = 'right';
        calcTableCell.appendChild(document.createTextNode('Chance:'));
        calcTableRow.appendChild(calcTableCell);

        chanceInput.id = 'chanceInput';
        chanceInput.maxLength = '3';
        chanceInput.type = 'text';
        chanceInput.style.width = '25px';
        chanceInput.onkeyup = function(event) {
            listenForEnterKey(event, passFunction(calculate, chanceInput, luckAmountLabel));
        };
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(chanceInput);
        calcTableRow.appendChild(calcTableCell);

        calculateButton.type = 'button';
        calculateButton.value = 'Calculate >>';
        calculateButton.onclick = function() {
            calculate(chanceInput, luckAmountLabel);
        };
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(calculateButton);
        calcTableRow.appendChild(calcTableCell);

        luckAmountLabel.appendChild(document.createTextNode('0 Luck'));
        luckAmountLabel.style.textAlign = 'right';
        luckAmountLabel.style.width = '60px';
	calcTableCell = document.createElement('td');
        calcTableCell.appendChild(luckAmountLabel);
        calcTableRow.appendChild(calcTableCell);

        return calcTableRow;
    };

    function calculate(chanceInput, luckAmountLabel) {
        if (chanceInput.value) {
            if (chanceInput.value > 100) {
                chanceInput.value = '100';
            }
            if (isNumeric(chanceInput.value)) {
                var luckAmount = Math.ceil(Math.pow(chanceInput.value, (9 / 5)));
                removeChildren(luckAmountLabel);
                luckAmountLabel.appendChild(document.createTextNode(luckAmount + ' Luck'));
            }
        }
    }
}
Retrieved from "https://www.uoguide.com/index.php?title=MediaWiki:Common.js&oldid=42779"