MediaWiki:Common.js - Revision history

MikeParker: Blanked the page

2026-01-13T20:52:13Z

Blanked the page

← Older revision		Revision as of 20:52, 13 January 2026
Line 1:		Line 1:
	~~// Collapse Notes section when clicking on back-to-text links from references~~
	~~$(document).on('click', '.mw-cite-backlink a, .references .cite-backlink a, ol.references a[href^="#cite_ref-"]', function(e) {~~
	~~// Check if Notes content exists and is visible~~
	~~if (notesContent.length > 0 && notesContent.is(':visible')) {~~
	~~// Collapse the Notes section~~
	~~notesContent.slideUp(150);~~
	}
	~~// Allow the link to work normally (don't prevent default) - it will scroll to the citation in the text~~
	~~});~~

MikeParker at 20:50, 13 January 2026

2026-01-13T20:50:24Z

← Older revision	Revision as of 20:50, 13 January 2026
Line 1:	Line 1:
		// Collapse Notes section when clicking on back-to-text links from references
		$(document).on('click', '.mw-cite-backlink a, .references .cite-backlink a, ol.references a[href^="#cite_ref-"]', function(e) {
		// Check if Notes content exists and is visible
		if (notesContent.length > 0 && notesContent.is(':visible')) {
		// Collapse the Notes section
		notesContent.slideUp(150);
		}
		// Allow the link to work normally (don't prevent default) - it will scroll to the citation in the text
		});

SpencerMarsh: Reverted edit by SpencerMarsh (talk) to last revision by MikeParker

2026-01-06T04:49:34Z

Reverted edit by SpencerMarsh (talk) to last revision by MikeParker

← Older revision		Revision as of 04:49, 6 January 2026
Line 1:		Line 1:
	~~/* H4 CHANGE COLOR*/~~
	~~.mw-body-content h4{~~
	~~color: #4C5454;~~
	}

SpencerMarsh at 04:48, 6 January 2026

2026-01-06T04:48:10Z

← Older revision	Revision as of 04:48, 6 January 2026
Line 1:	Line 1:
		/* H4 CHANGE COLOR*/
		.mw-body-content h4{
		color: #4C5454;
		}

MikeParker: Blanked the page

2026-01-05T20:21:48Z

Blanked the page

← Older revision		Revision as of 20:21, 5 January 2026
Line 1:		Line 1:
	~~$(document).ready(function () {~~
	~~// COLLAPSIBLE HEADERS~~
	~~$(".collapsible-wrapper").each(function () {~~
	~~var wrapper = $(this);~~
	~~var titleContent = wrapper.find(".collapsible-title-content");~~
	~~var bodyContent = wrapper.find(".collapsible-body-content");~~
	~~if (titleContent.length === 0 \|\| bodyContent.length === 0) return;~~
	~~var startsOpen = wrapper.data("state") === "open";~~
	~~var titleHTML = titleContent.html();~~
	~~var bodyHTML = bodyContent.html();~~
	~~var header = $('<div class="collapsible-header"></div>');~~
	~~var content = $('<div class="collapsible-content"></div>');~~
	~~if (startsOpen) header.addClass("open");~~
	~~var arrow = startsOpen ? "▲" : "▼";~~
	~~header.append(titleHTML);~~
	~~header.append('<span class="collapse-toggle" aria-hidden="true">' + arrow + '</span>');~~
	~~content.html(bodyHTML);~~
	~~if (!startsOpen) content.hide();~~
	~~wrapper.replaceWith(header.add(content));~~

	~~// Inicializar elementos mw-collapsible dentro del contenido~~
	~~content.find('.mw-collapsible').each(function() {~~
	~~if (typeof mw !== 'undefined' && mw.hook) {~~
	~~mw.hook('wikipage.content').fire($(this));~~
	}
	~~});~~

	~~header.on("click", function () {~~
	~~content.slideToggle(150);~~
	~~header.toggleClass("open");~~
	~~var icon = header.hasClass("open") ? "▲" : "▼";~~
	~~header.find(".collapse-toggle").text(icon);~~
	~~});~~
	~~});~~




	~~// COLLAPSIBLE NOTES SECTION~~
	~~// Find the Notes header div (the one with background-color:#0e98ba)~~
	~~// It contains "Notes" text and "BACK TO TOP" link~~
	~~// Try multiple selectors to find it~~
	~~var notesHeader = $('div[style*="background-color:#0e98ba"]').filter(function() {~~
	~~var text = $(this).text();~~
	~~return text.indexOf('Notes') !== -1 && text.indexOf('BACK TO TOP') !== -1;~~
	~~});~~

	~~// Alternative: look for div that comes before mwcollapsible and contains Notes~~
	~~if (notesHeader.length === 0) {~~
	~~$('div.mwcollapsible').each(function() {~~
	~~var prev = $(this).prev('div');~~
	~~if (prev.length > 0 && prev.text().indexOf('Notes') !== -1) {~~
	~~notesHeader = prev;~~
	~~return false; // break~~
	}
	~~});~~
	}

	~~if (notesHeader.length === 0) return;~~

	~~// Add class for CSS targeting~~
	~~notesHeader.addClass('notes-header-wrapper');~~

	~~// The references container is the next div with class mwcollapsible~~
	~~var notesContent = notesHeader.next('div.mwcollapsible');~~

	~~if (notesContent.length === 0) return;~~

	~~// Add collapse toggle icon to the header~~
	~~var leftDiv = notesHeader.find('div').first();~~
	~~if (leftDiv.length > 0) {~~
	~~// Add the toggle icon before "Notes"~~
	~~var toggleIcon = $('<span class="notes-collapse-toggle">▼</span>');~~
	~~leftDiv.prepend(toggleIcon);~~
	}

	~~// Make the header clickable~~
	~~notesHeader.css({~~
	~~'cursor': 'pointer',~~
	~~'user-select': 'none',~~
	~~'-webkit-user-select': 'none',~~
	~~'-moz-user-select': 'none',~~
	~~'-ms-user-select': 'none'~~
	~~});~~

	~~// Initial state: collapsed~~
	~~notesContent.hide();~~
	~~var isOpen = false;~~

	~~// Update the icon based on the state~~
	~~function updateIcon() {~~
	~~var icon = isOpen ? "▲" : "▼";~~
	~~notesHeader.find('.notes-collapse-toggle').text(icon);~~
	}

	~~updateIcon();~~

	~~// Handle clicks on the header~~
	~~notesHeader.on('click', function(e) {~~
	~~// Check if the click was on the "BACK TO TOP" link or any of its children~~
	~~var target = $(e.target);~~
	~~var backToTopLink = notesHeader.find('a[href="#top"]');~~

	~~// If clicking on the link or any element inside it (including font tags), allow normal link behavior~~
	~~if (target.is('a[href="#top"]') \|\|~~
	~~target.closest('a[href="#top"]').length > 0 \|\|~~
	~~(backToTopLink.length > 0 && backToTopLink.has(target).length > 0)) {~~
	~~// Don't prevent default - let the link work~~
	~~return;~~
	}

	~~// Prevent default behavior for other clicks~~
	~~e.preventDefault();~~
	~~e.stopPropagation();~~

	~~// Toggle the content~~
	~~notesContent.slideToggle(150);~~
	~~isOpen = !isOpen;~~
	~~updateIcon();~~
	~~});~~
	~~});~~

MikeParker at 19:42, 5 January 2026

2026-01-05T19:42:13Z

← Older revision		Revision as of 19:42, 5 January 2026
Line 1:		Line 1:
			$(document).ready(function () {
	// COLLAPSIBLE HEADERS		// COLLAPSIBLE HEADERS
	~~$(document).ready(function () {~~
	$(".collapsible-wrapper").each(function () {		$(".collapsible-wrapper").each(function () {
	var wrapper = $(this);		var wrapper = $(this);
Line 38:		Line 38:

	// COLLAPSIBLE NOTES SECTION		// COLLAPSIBLE NOTES SECTION

	// Find the Notes header div (the one with background-color:#0e98ba)		// Find the Notes header div (the one with background-color:#0e98ba)
	// It contains "Notes" text and "BACK TO TOP" link		// It contains "Notes" text and "BACK TO TOP" link
Line 120:		Line 119:
	updateIcon();		updateIcon();
	});		});




	});		});

MikeParker at 19:37, 5 January 2026

2026-01-05T19:37:30Z

← Older revision		Revision as of 19:37, 5 January 2026
Line 36:		Line 36:


	// COLLAPSIBLE NOTES SECTION
	// Find the Notes div ~~generated by~~ the ~~template~~		// COLLAPSIBLE NOTES SECTION
	var notesHeader = $('.~~notes~~-~~collapsible~~-~~header~~');
			// Find the Notes header div (the one with background-color:#0e98ba)
			// It contains "Notes" text and "BACK TO TOP" link
			// Try multiple selectors to find it
			var notesHeader = $('div[style*="background-color:#0e98ba"]').filter(function() {
			var text = $(this).text();
			return text.indexOf('Notes') !== -1 && text.indexOf('BACK TO TOP') !== -1;
			});

			// Alternative: look for div that comes before mwcollapsible and contains Notes
			if (notesHeader.length === 0) {
			$('div.mwcollapsible').each(function() {
			var prev = $(this).prev('div');
			if (prev.length > 0 && prev.text().indexOf('Notes') !== -1) {
			notesHeader = prev;
			return false; // break
			}
			});
			}

	if (notesHeader.length === 0) return;		if (notesHeader.length === 0) return;

	// The references container is ~~after~~ the ~~header~~		// Add class for CSS targeting
	var notesContent = notesHeader.next('.~~notes-collapsible-content~~');		notesHeader.addClass('notes-header-wrapper');

			// The references container is the next div with class mwcollapsible
			var notesContent = notesHeader.next('div.mwcollapsible');

	if (notesContent.length === 0) return;		if (notesContent.length === 0) return;

			// Add collapse toggle icon to the header
			var leftDiv = notesHeader.find('div').first();
			if (leftDiv.length > 0) {
			// Add the toggle icon before "Notes"
			var toggleIcon = $('<span class="notes-collapse-toggle">▼</span>');
			leftDiv.prepend(toggleIcon);
			}

			// Make the header clickable
			notesHeader.css({
			'cursor': 'pointer',
			'user-select': 'none',
			'-webkit-user-select': 'none',
			'-moz-user-select': 'none',
			'-ms-user-select': 'none'
			});

	// Initial state: collapsed		// Initial state: collapsed
Line 61:		Line 99:
	// Handle clicks on the header		// Handle clicks on the header
	notesHeader.on('click', function(e) {		notesHeader.on('click', function(e) {
	// ~~Do nothing~~ if ~~clicking~~ on the "BACK TO TOP" link		// Check if the click was on the "BACK TO TOP" link or any of its children
	~~if (~~$(e.target).closest('a[href="#top"]').length > 0) {		var target = $(e.target);
	~~return;~~ // ~~Allow~~ the link to work ~~normally~~		var backToTopLink = notesHeader.find('a[href="#top"]');

			// If clicking on the link or any element inside it (including font tags), allow normal link behavior
			if (target.is('a[href="#top"]') \|\|
			target.closest('a[href="#top"]').length > 0 \|\|
			(backToTopLink.length > 0 && backToTopLink.has(target).length > 0)) {
			// Don't prevent default - let the link work
			return;
	}		}

	// Prevent ~~the link from activating if clicking elsewhere~~		// Prevent default behavior for other clicks
	e.preventDefault();		e.preventDefault();
			e.stopPropagation();

	// Toggle the content		// Toggle the content
Line 74:		Line 120:
	updateIcon();		updateIcon();
	});		});




	});		});

MikeParker at 19:31, 5 January 2026

2026-01-05T19:31:11Z

← Older revision		Revision as of 19:31, 5 January 2026
Line 33:		Line 33:
	});		});
	});		});
	~~});~~

	// COLLAPSIBLE NOTES SECTION
	~~$(document).ready(function () {~~
			// COLLAPSIBLE NOTES SECTION
	// Find the Notes div generated by the template		// Find the Notes div generated by the template
	var notesHeader = $('.notes-collapsible-header');		var notesHeader = $('.notes-collapsible-header');
Line 74:		Line 74:
	updateIcon();		updateIcon();
	});		});



	});		});

MikeParker at 19:28, 5 January 2026

2026-01-05T19:28:15Z

@@ Line 32: / Line 32: @@
              header.find(".collapse-toggle").text(icon);
          });
      });
 });

MikeParker at 02:21, 18 December 2025

2025-12-18T02:21:08Z

← Older revision	Revision as of 02:21, 18 December 2025
Line 1:	Line 1:
		// COLLAPSIBLE HEADERS
		$(document).ready(function () {
		$(".collapsible-wrapper").each(function () {
		var wrapper = $(this);
		var titleContent = wrapper.find(".collapsible-title-content");
		var bodyContent = wrapper.find(".collapsible-body-content");
		if (titleContent.length === 0 \|\| bodyContent.length === 0) return;
		var startsOpen = wrapper.data("state") === "open";
		var titleHTML = titleContent.html();
		var bodyHTML = bodyContent.html();
		var header = $('<div class="collapsible-header"></div>');
		var content = $('<div class="collapsible-content"></div>');
		if (startsOpen) header.addClass("open");
		var arrow = startsOpen ? "▲" : "▼";
		header.append(titleHTML);
		header.append('<span class="collapse-toggle" aria-hidden="true">' + arrow + '</span>');
		content.html(bodyHTML);
		if (!startsOpen) content.hide();
		wrapper.replaceWith(header.add(content));

		// Inicializar elementos mw-collapsible dentro del contenido
		content.find('.mw-collapsible').each(function() {
		if (typeof mw !== 'undefined' && mw.hook) {
		mw.hook('wikipage.content').fire($(this));
		}
		});

		header.on("click", function () {
		content.slideToggle(150);
		header.toggleClass("open");
		var icon = header.hasClass("open") ? "▲" : "▼";
		header.find(".collapse-toggle").text(icon);
		});
		});
		});