MediaWiki:Common.js: Difference between revisions

From Blank Chronicle
No edit summary
No edit summary
Line 22: Line 22:
/* Kanji Toggle */
/* Kanji Toggle */
$(document).ready(function () {
$(document).ready(function () {
     $('.language-button').on('click', function() {
     $('.language-button.jp').on('click', function() {
         $(this).toggleClass('highlight');
         $(this).toggleClass('highlight');
         $('.jp').show();
         $('.jp').show();
Line 31: Line 31:
/* English Toggle */
/* English Toggle */
$(document).ready(function () {
$(document).ready(function () {
     $('.language-button').on('click', function() {
     $('.language-button.en').on('click', function() {
         $(this).toggleClass('highlight');
         $(this).toggleClass('highlight');
         $('.en').show();
         $('.en').show();

Revision as of 15:31, 19 July 2020

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

/* Add the hamburger menu button */
$(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 () {
    $('#p-namespaces-label').on('click', function() {
        $(this).toggleClass('highlight');
        $('#mw-panel').toggle();
    });
});

/* Implement language buttons */

/* Kanji Toggle */
$(document).ready(function () {
    $('.language-button.jp').on('click', function() {
        $(this).toggleClass('highlight');
        $('.jp').show();
        $('.en').hide();
    });
});

/* English Toggle */
$(document).ready(function () {
    $('.language-button.en').on('click', function() {
        $(this).toggleClass('highlight');
        $('.en').show();
        $('.jp').hide();
    });
});

/* Implement edition buttons */
$(document).ready(function () {
    $('.edition-button').on('click', function() {
        $(this).toggleClass('highlight');
        $('.edition-target').toggle();
    });
});