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.
$(document).ready(function () { // Log a message to the console console.log('JavaScript is working!'); // Find all elements with class "card" var cards = $('.card'); // Log a message if cards are found if (cards.length > 0) { console.log('Found all cards:', cards); // Attach a click event listener to each card cards.on('click', function () { // Log a message when a card is clicked console.log('Clicked on card:', this); // Show the fixed column $('#show-article').css('display', 'block'); // Update the fixed column content with card information var entryNumber = $(this).find('.entry-number').text(); var title = $(this).find('.title').text(); var people = $(this).find('.people').text(); // Update the fixed column content $('#article-title').html('<p style="font-weight: bold;">' + entryNumber + '</p><p>' + title + '</p>'); $('#article-content').html('<p>People: ' + people + '</p>'); }); // Attach a click event listener to close the fixed column $('#show-article').on('click', function () { // Hide the fixed column when clicked outside $('#show-article').css('display', 'none'); }); } else { console.log('No cards found.'); } });