MediaWiki:Common.js

From Encyclopedium Universum
Revision as of 02:09, 12 November 2024 by Yehudhah (talk | contribs)

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.
/* 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
    }
}