Jump to content

MediaWiki:Common.js: Difference between revisions

An idea by Jeff Lawlor
Created on 2025-04-25
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..."
 
No edit summary
Tags: Manual revert Mobile edit Mobile web edit
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* 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
// Click event for About Idea infobox
  document.querySelectorAll('.show-more').forEach(button => {
$('.infobox-tab').click(function(e) {
    button.addEventListener('click', () => {
var tab = $(e.target).attr('data-tab');
      const fullText = button.previousElementSibling;
$('.infobox-panel').hide();
      if (fullText) fullText.style.display = 'block';
$('.infobox-panel.' + tab).show();
      button.style.display = 'none';
$('.infobox-tab').removeClass('active');
    });
$(e.target).addClass('active');
  });
});
 
$(document).ready(function() {
// Remove duplicate About Idea Supreme footer link on desktop. See LocalSettings.php for more details
$('#footer-places-about').remove();
 
// Move infoboxes to the bottom of the article in mobile
if ($('body').hasClass('skin-minerva')) {
var infoboxes = $('.mw-parser-output .infobox-idea');
// Move them to the end of the section
$('.mw-parser-output').append(infoboxes);
}
});
});

Latest revision as of 16:14, 29 November 2025

/* Any JavaScript here will be loaded for all users on every page load. */

// Click event for About Idea infobox
$('.infobox-tab').click(function(e)	{
		var tab = $(e.target).attr('data-tab');
		$('.infobox-panel').hide();
		$('.infobox-panel.' + tab).show();
		$('.infobox-tab').removeClass('active');
		$(e.target).addClass('active');
	});

$(document).ready(function() {
	// Remove duplicate About Idea Supreme footer link on desktop. See LocalSettings.php for more details
	$('#footer-places-about').remove();

	// Move infoboxes to the bottom of the article in mobile
	if ($('body').hasClass('skin-minerva')) {
		var infoboxes = $('.mw-parser-output .infobox-idea');
	
		// Move them to the end of the section
		$('.mw-parser-output').append(infoboxes);
	}
});