MediaWiki:Common.js: Difference between revisions

From Blank Chronicle
No edit summary
No edit summary
Line 33: Line 33:
function showLanguage(event, language) {
function showLanguage(event, language) {
     // Declare all variables
     // Declare all variables
     var i, languagecontent, tablanguage;
     var i, languagecontent, tablanguage, newlanguagecontent;


     // Get all elements with class="language-content" and hide them
     // Get all elements with class="language-content" and hide them
Line 40: Line 40:
       languagecontent[i].style.display = "none";
       languagecontent[i].style.display = "none";
     }
     }
    console.log("point1");
 
     // Get all elements with class="tablanguage" and remove the class "active"
     // Get all elements with class="tablanguage" and remove the class "active"
     tablanguage = document.getElementsByClassName("tab-language");
     tablanguage = document.getElementsByClassName("tab-language");
Line 46: Line 46:
       tablanguage[i].className = tablanguage[i].className.replace(" active", "");
       tablanguage[i].className = tablanguage[i].className.replace(" active", "");
     }
     }
    console.log("point2");
 
     // Show the current tab, and add an "active" class to the button that opened the tab
     // Show the current tab, and add an "active" class to the button that opened the tab
     document.getElementById(language).style.display = "initial";
     newlanguagecontent = document.getElementsByClassName("language-content" + " " + language);
    for (i = 0; i < languagecontent.length; i++) {
      languagecontent[i].style.display = "initial";
    }
     evt.currentTarget.className += " active";
     evt.currentTarget.className += " active";
    console.log("point3");
}
}



Revision as of 03:33, 18 July 2020

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

/* Add the hamburger menu button */
$(function () {
        /* Add the hamburger menu button */
	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';
        
        /* Open regular edition and kanji by default */
        document.getElementById("tab-kanji").click();
        document.getElementById("tab-re").click();
}());

/* Make the hamburger work */
var isShownburger = false;

function toggleMenu() {
    if (isShownburger) {
        document.getElementById("mw-panel").style.display = "none";
        isShownburger = false;
        }
        else {
        document.getElementById("mw-panel").style.display = "initial";
        isShownburger = true;
        }
        return isShownburger;
}

/* Make the language and edition selectors work */
function showLanguage(event, language) {
    // Declare all variables
    var i, languagecontent, tablanguage, newlanguagecontent;

    // Get all elements with class="language-content" and hide them
    languagecontent = document.getElementsByClassName("language-content");
    for (i = 0; i < languagecontent.length; i++) {
      languagecontent[i].style.display = "none";
    }

    // Get all elements with class="tablanguage" and remove the class "active"
    tablanguage = document.getElementsByClassName("tab-language");
    for (i = 0; i < tablanguage.length; i++) {
      tablanguage[i].className = tablanguage[i].className.replace(" active", "");
    }

    // Show the current tab, and add an "active" class to the button that opened the tab
    newlanguagecontent = document.getElementsByClassName("language-content" + " " + language);
    for (i = 0; i < languagecontent.length; i++) {
      languagecontent[i].style.display = "initial";
    }
    evt.currentTarget.className += " active";
}

function showEdition(event, edition) {
    return;
}