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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Basic Tabber script /
function tabberObj(args) {
    var tabs = args.div.getElementsByClassName("tabbertab");
    var nav = document.createElement("ul");
    nav.className = "tabbernav";

    for (var i = 0; i < tabs.length; i++) {
        var t = tabs[i];
        var li = document.createElement("li");
        li.innerText = t.title;
        li.tabIndex = i;
        li.className = i === 0 ? "tabberactive" : "";

        li.addEventListener("click", function () {
            var tabs = this.parentNode.parentNode.getElementsByClassName("tabbertab");
            var lis = this.parentNode.children;
            for (var j = 0; j < tabs.length; j++) {
                tabs[j].style.display = "none";
                lis[j].className = "";
            }
            tabs[this.tabIndex].style.display = "block";
            lis[this.tabIndex].className = "tabberactive";
        });

        nav.appendChild(li);
        t.style.display = i === 0 ? "block" : "none";
    }

    args.div.insertBefore(nav, args.div.firstChild);
}

/ Activate all .tabber elements on load */
mw.loader.using(['mediawiki.util'], function () {
    $(function () {
        var tabbers = document.querySelectorAll(".tabber");
        for (var i = 0; i < tabbers.length; i++) {
            new tabberObj({ div: tabbers[i] });
        }
    });
});