MediaWiki:Common.js

An idea by Jeff Lawlor
Created on 2025-04-25
Revision as of 19:00, 25 April 2025 by Admin (talk | contribs) (Created page with "Any JavaScript here will be loaded for all users on every page load.: document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.infobox-tab').forEach(button => { button.addEventListener('click', () => { const tab = button.dataset.tab; document.querySelectorAll('.infobox-panel').forEach(panel => panel.style.display = 'none'); document.querySelector('.infobox-panel.' + tab).style.display = 'block'; document.q...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.infobox-tab').forEach(button => {
    button.addEventListener('click', () => {
      const tab = button.dataset.tab;
      document.querySelectorAll('.infobox-panel').forEach(panel => panel.style.display = 'none');
      document.querySelector('.infobox-panel.' + tab).style.display = 'block';
      document.querySelectorAll('.infobox-tab').forEach(b => b.classList.remove('active'));
      button.classList.add('active');
    });
  });

  // Expand "Show More" in About Me section
  document.querySelectorAll('.show-more').forEach(button => {
    button.addEventListener('click', () => {
      const fullText = button.previousElementSibling;
      if (fullText) fullText.style.display = 'block';
      button.style.display = 'none';
    });
  });
});