MediaWiki:Common.js: Difference between revisions

From Blank Chronicle
No edit summary
No edit summary
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */


/* Add the hamburger menu button */
/* Implement content toggle buttons */
$(function () {
var hamburgerContainer = document.getElementById('p-namespaces');
var hamburger = document.getElementById('p-namespaces-label');
        hamburger.innerHTML = "<i class='fa fa-bars'></i>";
        hamburgerContainer.setAttribute("onclick","toggleMenu();");
        hamburger.style.display = "initial";
}());
 
/* Implement hamburger menu */
$(document).ready(function () {
$(document).ready(function () {
     $('#p-namespaces-label').on('click', function() {
    /* Kanji Toggle */
         $(this).toggleClass('highlight');
     $('.language-button.jp').on('click', function() {
         $('#mw-panel').toggle();
        $('#en-button').removeClass('bhighlight');
        $('#ro-button').removeClass('bhighlight');
         $(this).addClass('bhighlight');
        $('.jp-content').show();
         $('.en-content').hide();
        $('.ro-content').hide();
     });
     });
});
    /* Romaji Toggle */
 
    $('.language-button.ro').on('click', function() {
/* Implement language buttons */
        $('#en-button').removeClass('bhighlight');
 
        $('#jp-button').removeClass('bhighlight');
/* Kanji Toggle */
        $(this).addClass('bhighlight');
$(document).ready(function () {
        $('.ro-content').show();
     $('.language-button').on('click', function() {
        $('.jp-content').hide();
         $(this).toggleClass('highlight');
        $('.en-content').hide();
         $('.jp').show();
    });
         $('.en').hide();
    /* English Toggle */
    $('.language-button.en').on('click', function() {
        $('#ro-button').removeClass('bhighlight');
        $('#jp-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.en-content').show();
        $('.jp-content').hide();
        $('.ro-content').hide();
    });
    /* RE Toggle */
    $('.edition-button.re').on('click', function() {
        $('#le-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $('#fc-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.re-content').show();
        $('.le-content').hide();
        $('.dx-content').hide();
        $('.fc-content').hide();
    });
    /* LE Toggle */
    $('.edition-button.le').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.le-content').show();
        $('.re-content').hide();
        $('.dx-content').hide();
    });
    /* DX Toggle */
    $('.edition-button.dx').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#le-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dx-content').show();
        $('.re-content').hide();
        $('.le-content').hide();
    });
    /* FC Toggle */
     $('.edition-button.fc').on('click', function() {
        $('#re-button').removeClass('bhighlight');
         $(this).addClass('bhighlight');
         $('.fc-content').show();
         $('.re-content:not(.nav-button)').hide();
     });
     });
});
    /* DVD Toggle */
 
    $('.media-button.dvd').on('click', function() {
/* English Toggle */
        $('#bd-button').removeClass('bhighlight');
$(document).ready(function () {
         $(this).addClass('bhighlight');
    $('.language-button').on('click', function() {
         $('.dvd-content').show();
         $(this).toggleClass('highlight');
         $('.bd-content').hide();
         $('.en').show();
         $('.jp').hide();
     });
     });
});
    /* Blu-Ray Toggle */
 
    $('.media-button.bd').on('click', function() {
/* Implement edition buttons */
        $('#dvd-button').removeClass('bhighlight');
$(document).ready(function () {
         $(this).addClass('bhighlight');
    $('.edition-button').on('click', function() {
        $('.bd-content').show();
         $(this).toggleClass('highlight');
         $('.dvd-content').hide();
         $('.edition-target').toggle();
     });
     });
});
});

Latest revision as of 22:58, 5 June 2021

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

/* Implement content toggle buttons */
$(document).ready(function () {
    /* Kanji Toggle */
    $('.language-button.jp').on('click', function() {
        $('#en-button').removeClass('bhighlight');
        $('#ro-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.jp-content').show();
        $('.en-content').hide();
        $('.ro-content').hide();
    });
    /* Romaji Toggle */
    $('.language-button.ro').on('click', function() {
        $('#en-button').removeClass('bhighlight');
        $('#jp-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.ro-content').show();
        $('.jp-content').hide();
        $('.en-content').hide();
    });
    /* English Toggle */
    $('.language-button.en').on('click', function() {
        $('#ro-button').removeClass('bhighlight');
        $('#jp-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.en-content').show();
        $('.jp-content').hide();
        $('.ro-content').hide();
    });
    /* RE Toggle */
    $('.edition-button.re').on('click', function() {
        $('#le-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $('#fc-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.re-content').show();
        $('.le-content').hide();
        $('.dx-content').hide();
        $('.fc-content').hide();
    });
    /* LE Toggle */
    $('.edition-button.le').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.le-content').show();
        $('.re-content').hide();
        $('.dx-content').hide();
    });
    /* DX Toggle */
    $('.edition-button.dx').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#le-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dx-content').show();
        $('.re-content').hide();
        $('.le-content').hide();
    });
    /* FC Toggle */
    $('.edition-button.fc').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.fc-content').show();
        $('.re-content:not(.nav-button)').hide();
    });
    /* DVD Toggle */
    $('.media-button.dvd').on('click', function() {
        $('#bd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dvd-content').show();
        $('.bd-content').hide();
    });
    /* Blu-Ray Toggle */
    $('.media-button.bd').on('click', function() {
        $('#dvd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.bd-content').show();
        $('.dvd-content').hide();
    });
});