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

function initDynamicShowHide() {
    function zselector( $content ) {
        var ActiveID = '';
        $(function () {
            $('[class|="cc"]').click(function () {
                var cn = $(this).attr('class');
                if (typeof cn !== 'undefined') {
                    ZContent(cn, '0');
                }
            });
            $('[class|="hh"]').mouseenter(function () {
                var cn = $(this).attr('class');
                if (typeof cn !== 'undefined') {
                    ZContent(cn, '1');
                }
            });
            $('[class|="hh"]').mouseleave(function () {
                var cn = $(this).attr('class');
                if (typeof cn !== 'undefined') {
                    ZContent(cn, '2');
                }
            });
            $('[class|="zz"]').each(function (i, elem) {
                if ($(this).css('display') == 'none') {
                    $(this).css('opacity', 0);
                }
            });
        });
        function ZContent(classValue, effect) {
            if (classValue.split) {
                var ID = '';
                var elemClasses = classValue.split(' ');
                for (var i = 0; i < elemClasses.length; i++) {
                    var elemClass = elemClasses[i];
                    if (elemClass.substring(0, 3) == 'hh-' || elemClass.substring(0, 3) == 'cc-') {
                        ID = elemClass.substring(3);
                        if (effect == '0') {
                            ActiveID = ID;
                            ZEffect(ID);
                            SelectElem('cc', ID)
                            break;
                        } else if (effect == '1') {
                            ActiveID = ID;
                            ZEffect(ID);
                            SelectElem('hh', ID)
                            break;
                        } else if (effect == '2') {
                            ZEffect(ActiveID);
                            SelectElem('hh', ID);
                            break;
                        }
                    }
                }
            }
        }
        function ZEffect(ID) {
            $('[class|="zz"]').each(function (i, elem) {
                if ($(this).hasClass('zz-' + ID)) {
                    $(this).css('display', 'block');
                    $(window).trigger('scroll');
                    $(this).stop();
                    $(this).animate({
                        opacity: 1,
                        queue: false
                    }, 700);
                } else {
                    $(this).css('display', 'none');
                    $(this).stop();
                    $(this).animate({
                        opacity: 0,
                        queue: false
                    }, 0);
                }
            });
        }
        function SelectElem(type, ID) {
            $('[class|="cc"],[class|="hh"]').each(function (i, elem) {
                if ($(this).hasClass(type + '-' + ID)) {
                    $(this).removeClass('sn');
                    $(this).addClass('sy');
                } else {
                    $(this).removeClass('sy');
                    $(this).addClass('sn');
                }
            });
        }
    }
    
    mw.hook( 'wikipage.content' ).add( zselector );
    zselector( mw.util.$content );
}

$(document).ready(function(){
    initDynamicShowHide();
});



function initBackToTop() {
    // Create the back to top button element
    var backButton = $('<button id="back-to-top" title="Back to top"> </button>');
    
    // Append the button to the body
    $('body').append(backButton);
    

    // Smooth scroll to top when the button is clicked
    backButton.click(function(){
        $('html, body').animate({scrollTop : 0}, 800);
        return false;
    });

    window.addEventListener('scroll', function() {
        var toc = document.getElementById('toc');
        var bodyContent = document.getElementById('bodyContent');
        var scrollY = window.scrollY || window.pageYOffset;

        // Adjust the top position of the TOC based on scrolling
        if (scrollY > bodyContent.offsetTop) {
            toc.style.top = (scrollY - bodyContent.offsetTop) + 'px';
        } else {
            toc.style.top = '0';
        }
    });
}

$(document).ready(function(){
    initBackToTop();
});



function initSlideshow() {
    const slideshows = document.querySelectorAll('.slideshow');

    slideshows.forEach(slideshow => {
        const gallery = slideshow.querySelector('.gallery-slideshow');
        const images = gallery.querySelectorAll('img');
        let currentSlide = 0;

        function showSlide(index) {
            images.forEach(image => {
                image.style.display = 'none';
            });

            images[index].style.display = 'block';
        }

        function nextSlide() {
            currentSlide = (currentSlide + 1) % images.length;
            showSlide(currentSlide);
        }

        // Automatically advance to the next slide every 5 seconds
        setInterval(nextSlide, 5000);

        // Show the first slide initially
        showSlide(currentSlide);
    });
}

$(document).ready(function(){
    initSlideshow();
});