MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→Any JavaScript here will be loaded for all users on every page load.: // Get the modal var modal1 = document.getElementById("aboutModal"); // Get the button that opens the modal var btn1 = document.getElementById("aboutBtn"); // Get the <span> element that closes the modal var span1 = document.getElementsByClassName("close1")[0]; // When the user clicks the button, open the modal btn1.onclick = function() { modal1.style.display = "block"; } // When the user click...") |
No edit summary |
||
| Line 1: | Line 1: | ||
/ | function openModal(entryNumber) { | ||
// You can replace this with your logic to fetch and display data | |||
fetchData(entryNumber) | |||
// | .then(data => { | ||
// Display data in the modal | |||
// | document.getElementById('modalContent').innerHTML = data; | ||
// Show the modal | |||
document.getElementById('myModal').style.display = 'block'; | |||
}) | |||
.catch(error => { | |||
console.error('Error fetching data:', error); | |||
}); | |||
} | } | ||
// | |||
function closeModal() { | |||
// 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 | |||
const dummyData = `<h2>Card ${entryNumber}</h2><p>This is some information about Card ${entryNumber}.</p>`; | |||
return Promise.resolve(dummyData); | |||
} | } | ||
Revision as of 10:30, 8 January 2024
function openModal(entryNumber) {
// You can replace this with your logic to fetch and display data
fetchData(entryNumber)
.then(data => {
// Display data in the modal
document.getElementById('modalContent').innerHTML = data;
// Show the modal
document.getElementById('myModal').style.display = 'block';
})
.catch(error => {
console.error('Error fetching data:', error);
});
}
function closeModal() {
// 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
const dummyData = `<h2>Card ${entryNumber}</h2><p>This is some information about Card ${entryNumber}.</p>`;
return Promise.resolve(dummyData);
}