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"); // Debugging alert
    const modal = element.nextElementSibling;
    if (modal) {
        alert("Modal element found. Applying display:block;"); // Debugging alert
        modal.style.display = 'block'; // This should make the modal visible
    } else {
        alert("Modal element not found."); // Debugging alert
    }
}

function closeModal(element) {
    alert("closeModal function called"); // Debugging alert
    const modal = element.closest('.modal');
    if (modal) {
        alert("Modal element found. Hiding it."); // Debugging alert
        modal.style.display = 'none'; // This should hide the modal
    } else {
        alert("Modal element not found in closeModal function"); // Debugging alert
    }
}