MediaWiki:Common.js: Difference between revisions

Revision as of 15:29, 18 April 2026

/* Creature Infobox Image Toggle */
(function () {
    function initCreatureInfoboxes() {
        document.querySelectorAll('.infobox-creature').forEach(function (box) {
            var femTab = box.querySelector('.ci-fem-tab');
            var maleTab = box.querySelector('.ci-male-tab');
            var femaleImg = box.querySelector('.fem-creature-img');
            var maleImg = box.querySelector('.male-creature-img');

            femTab.addEventListener('click', function() {
              // hide male img, show fem
              console.log('fem tab hit');
              femaleImg.style.display = 'block';
              maleImg.style.display = 'none';
              femTab.style.classList.toggle('ci-tab-active');
              maleTab.style.classList.toggle('ci-tab-active');
            });

            maleTab .addEventListener('click', function() {
              // hide male img, show fem
              console.log('male tab hit');
              femaleImg.style.display = 'none';
              maleImg.style.display = 'block';
              femTab.style.classList.toggle('ci-tab-active');
              maleTab.style.classList.toggle('ci-tab-active');
            });
        });
    }

    // Run after the DOM is ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initCreatureInfoboxes);
    } else {
        initCreatureInfoboxes();
    }
}());