MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */
mw.loader.load('/w/index.php?title=MediaWiki:ResponsiveImageMap.js&action=raw&ctype=text/javascript');

$(document).ready(function() {
    /* handle the colorful-mode and monochrome mode button */
    if (localStorage.getItem("client-monochrome-toggle") === "1") {
        var allElements = document.querySelectorAll(".colorful-text");
        for (i = 0; i < allElements.length; i++) {
            allElements[i].classList.remove('colorful-text');
        }
    }

    /* Frame Chart On Toggle */
    $('.frameChart-toggle-off').click(function() {
        $('.frameChart-toggle-off').hide();
        $('.frameChart-toggle-on').show();
        $('.frameChart').hide();
    });
    /* Frame Chart Off Toggle */
    $('.frameChart-toggle-on').click(function() {
        $('.frameChart-toggle-off').show();
        $('.frameChart-toggle-on').hide();
        $('.frameChart').show();
    });

/* movelist toggles by SageVarq */
if (document.getElementsByClassName("movelist-toggles")) {
    // Hide all move lists
    var $movelists = $('.movelist');

    var currentMovelist = 1;

    displayMovelist(currentMovelist);
    $('.movelist-toggle-button').each(addToggles);

    function swapMovelist(e) {
        var movelistToggleClicked = $(this).data("id");
        var nextMovelist = movelistToggleClicked.substring(movelistToggleClicked.length - 1);
        if (currentMovelist != nextMovelist) {
            currentMovelist = nextMovelist;
            displayMovelist(nextMovelist);
        }
    }

    function displayMovelist(target) {
        hideAllMovelists();
        $("#movelist-" + target).css("display", "block");
        $("#movelist-toggle-" + target).addClass("movelist-toggle-on");
    }

    function hideAllMovelists() {
        $movelists.css("display", "none");
        $('.movelist-toggle-button').removeClass("movelist-toggle-on").addClass("movelist-toggle-off");
    }

    function addToggles() {
        $(this).data("id", $(this).attr("id"));
        $(this).click(swapMovelist);
    }
}
})(this, jQuery, mediaWiki);