MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function() {
    const modalLinks = document.querySelectorAll('span[onclick^="showModal"]');
    modalLinks.forEach(link => {
        link.addEventListener("click", function() {
            showModal(link);
        });
    });

    const closeButtons = document.querySelectorAll('.modal-content span[onclick^="closeModal"]');
    closeButtons.forEach(button => {
        button.addEventListener("click", function() {
            closeModal(button);
        });
    });
});

function showModal(element) {
    alert("showModal function called"); // Confirm function call
    const modal = element.nextElementSibling;
    if (modal) {
        alert("Modal element found. Setting display to 'block'"); // Confirm element
        modal.style.display = 'block'; // Set display to block
        modal.style.opacity = '1';     // Ensure opacity is fully visible
        modal.style.visibility = 'visible'; // Set visibility to ensure no conflicts
    } else {
        alert("Modal element not found."); // Debugging alert
    }
}

function closeModal(element) {
    alert("closeModal function called"); // Confirm function call
    const modal = element.closest('.modal');
    if (modal) {
        alert("Modal element found. Hiding it."); // Confirm element
        modal.style.display = 'none'; // Set display to none
    } else {
        alert("Modal element not found in closeModal function"); // Debugging alert
    }
}