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.

// Wait for the DOM to be ready
document.addEventListener('DOMContentLoaded', function() {
    // Get all elements with class "card"
    var cards = document.querySelectorAll('.card');

    // Attach click event listener to each card
    cards.forEach(function(card) {
        card.addEventListener('click', function() {
            // Extract entry number from the clicked card
            var entryNumber = this.querySelector('.entry-number').textContent;

            // Log entry number to the console for debugging
            console.log('Clicked on card with entry number:', entryNumber);

            // Call openModal with the entry number
            openModal(entryNumber);
        });
    });
});

function openModal(entryNumber) {
    // Log to the console for debugging
    console.log('Opening modal for entry number:', entryNumber);

    // You can replace this with your logic to fetch and display data
    fetchData(entryNumber)
        .then(function(data) {
            // Log to the console for debugging
            console.log('Data fetched successfully:', data);

            // Display data in the modal
            document.getElementById('modalContent').innerHTML = data;

            // Show the modal
            document.getElementById('myModal').style.display = 'block';
        })
        .catch(function(error) {
            // Log to the console for debugging
            console.error('Error fetching data:', error);
        });
}

function closeModal() {
    // Log to the console for debugging
    console.log('Closing modal');

    // Hide the modal
    document.getElementById('myModal').style.display = 'none';
}

// Replace this function with your actual logic to fetch data
function fetchData(entryNumber) {
    // Dummy data for demonstration
    var dummyData = '<h2>Card ' + entryNumber + '</h2><p>This is some information about Card ' + entryNumber + '.</p>';
    return Promise.resolve(dummyData);
}