MediaWiki:Gadget-tabs.js - Revision history

Lazlow at 13:27, 9 February 2025

2025-02-09T13:27:17Z

← Older revision		Revision as of 16:27, 9 February 2025
Line 1:		Line 1:
	$(document).ready(function () {		$(document).ready(function () {
	document.body.addEventListener('click', function (e) {		document.body.addEventListener('click', function (e) {
	var target = e.target;		var target = e.target;

	// Ensure the clicked element is an <a> inside a <span class="show-div">		// Ensure the clicked element is an <a> inside a <span class="show-div">
	if (target.tagName.toLowerCase() === 'a' && target.parentNode.className.indexOf('show-div') !== -1) {		if (target.tagName.toLowerCase() === 'a' && target.parentNode.className.indexOf('show-div') !== -1) {
	e.preventDefault(); // Prevent default anchor behavior		e.preventDefault(); // Prevent default anchor behavior

	var targetId = target.getAttribute('href').substring(1); // Extract value after '#'		var parentSpan = target.parentNode;
			var targetId = target.getAttribute('href').substring(1); // Extract value after '#'

	// ~~Hide~~ all ~~divs~~		// Remove "active" class from all spans
	var ~~contentDivs~~ = document.querySelectorAll('.~~content~~');		var spans = document.querySelectorAll('.show-div');
	for (var i = 0; i < ~~contentDivs~~.length; i++) {		for (var i = 0; i < spans.length; i++) {
	~~contentDivs~~[i].classList.~~add~~('~~hidden~~');		spans[i].classList.remove('active');
	}		}

	// Show the targeted div by selecting its data-id		// Add "active" class to the currently selected span
	var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');		parentSpan.classList.add('active');
	if (targetDiv) {
	targetDiv.classList.remove('hidden');		// Hide all divs
	}		var contentDivs = document.querySelectorAll('.content');
	}		for (var i = 0; i < contentDivs.length; i++) {
	});		contentDivs[i].classList.add('hidden');
	});		}

			// Show the targeted div by selecting its data-id
			var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');
			if (targetDiv) {
			targetDiv.classList.remove('hidden');
			}
			}
			});
			});

Lazlow at 13:07, 9 February 2025

2025-02-09T13:07:02Z

← Older revision		Revision as of 16:07, 9 February 2025
Line 1:		Line 1:
	document.~~addEventListener~~(~~'DOMContentLoaded',~~ function () {		$(document).ready(function () {
	document.body.addEventListener('click', function (e) {		document.body.addEventListener('click', function (e) {
	var target = e.target;		var target = e.target;

Lazlow at 13:01, 9 February 2025

2025-02-09T13:01:22Z

← Older revision		Revision as of 16:01, 9 February 2025
Line 2:		Line 2:
	document.body.addEventListener('click', function (e) {		document.body.addEventListener('click', function (e) {
	var target = e.target;		var target = e.target;

	~~// Ensure we get the parent <span> that contains class "show-div"~~
	~~var parentSpan = target.closest ? target.closest('.show-div') : null;~~

	if (~~parentSpan~~) {		// Ensure the clicked element is an <a> inside a <span class="show-div">
	e.preventDefault();		if (target.tagName.toLowerCase() === 'a' && target.parentNode.className.indexOf('show-div') !== -1) {
	var targetId = ~~parentSpan~~.getAttribute('~~data-target~~');		e.preventDefault(); // Prevent default anchor behavior

			var targetId = target.getAttribute('href').substring(1); // Extract value after '#'

	// Hide all divs		// Hide all divs
Line 16:		Line 15:
	}		}

	// Show the targeted div		// Show the targeted div by selecting its data-id
	var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');		var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');
	if (targetDiv) {		if (targetDiv) {

Lazlow at 12:55, 9 February 2025

2025-02-09T12:55:53Z

← Older revision		Revision as of 15:55, 9 February 2025
Line 2:		Line 2:
	document.body.addEventListener('click', function (e) {		document.body.addEventListener('click', function (e) {
	var target = e.target;		var target = e.target;

			// Ensure we get the parent <span> that contains class "show-div"
			var parentSpan = target.closest ? target.closest('.show-div') : null;

	~~// Ensure the clicked element is an <a> inside a <span class="show-div">~~		if (parentSpan) {
	if (~~target.tagName.toLowerCase() === 'a' && target.parentNode.className.indexOf('show-div') !== -1~~) {		e.preventDefault();
	e.preventDefault(); ~~// Prevent default anchor behavior~~		var targetId = parentSpan.getAttribute('data-target');

	var targetId = ~~target~~.getAttribute('~~href~~'~~).substring(1~~); ~~// Extract value after '#'~~

	// Hide all divs		// Hide all divs
Line 15:		Line 16:
	}		}

	// Show the targeted div ~~by selecting its data-id~~		// Show the targeted div
	var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');		var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');
	if (targetDiv) {		if (targetDiv) {

Lazlow at 12:47, 9 February 2025

2025-02-09T12:47:39Z

← Older revision		Revision as of 15:47, 9 February 2025
Line 7:		Line 7:
	e.preventDefault(); // Prevent default anchor behavior		e.preventDefault(); // Prevent default anchor behavior

	var targetId = target.getAttribute('href').substring(1); // ~~Get the part~~ after '#'		var targetId = target.getAttribute('href').substring(1); // Extract value after '#'

	// Hide all divs		// Hide all divs
Line 15:		Line 15:
	}		}

	// Show the targeted div		// Show the targeted div by selecting its data-id
	var targetDiv = document.~~getElementById~~(targetId);		var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');
	if (targetDiv) {		if (targetDiv) {
	targetDiv.classList.remove('hidden');		targetDiv.classList.remove('hidden');

Lazlow at 12:40, 9 February 2025

2025-02-09T12:40:58Z

← Older revision		Revision as of 15:40, 9 February 2025
Line 2:		Line 2:
	document.body.addEventListener('click', function (e) {		document.body.addEventListener('click', function (e) {
	var target = e.target;		var target = e.target;

	~~// Ensure we get the parent <span> that contains class "show-div"~~
	~~var parentSpan = target.closest ? target.closest('.show-div') : null;~~

	if (~~parentSpan~~) {		// Ensure the clicked element is an <a> inside a <span class="show-div">
	e.preventDefault();		if (target.tagName.toLowerCase() === 'a' && target.parentNode.className.indexOf('show-div') !== -1) {
	var targetId = ~~parentSpan~~.getAttribute('~~data-target~~');		e.preventDefault(); // Prevent default anchor behavior

			var targetId = target.getAttribute('href').substring(1); // Get the part after '#'

	// Hide all divs		// Hide all divs
Line 17:		Line 16:

	// Show the targeted div		// Show the targeted div
	var targetDiv = document.~~querySelector~~(~~'.content[data-id="' +~~ targetId ~~+ '"]'~~);		var targetDiv = document.getElementById(targetId);
	if (targetDiv) {		if (targetDiv) {
	targetDiv.classList.remove('hidden');		targetDiv.classList.remove('hidden');

Lazlow at 12:28, 9 February 2025

2025-02-09T12:28:24Z

← Older revision		Revision as of 15:28, 9 February 2025
Line 2:		Line 2:
	document.body.addEventListener('click', function (e) {		document.body.addEventListener('click', function (e) {
	var target = e.target;		var target = e.target;

			// Ensure we get the parent <span> that contains class "show-div"
			var parentSpan = target.closest ? target.closest('.show-div') : null;

	~~// Check~~ if ~~the clicked element has class "show-div"~~		if (parentSpan) {
	~~if (target.className.indexOf~~(~~'show-div') !== -1~~) {
	e.preventDefault();		e.preventDefault();
	var targetId = ~~target~~.getAttribute('data-target');		var targetId = parentSpan.getAttribute('data-target');

	// Hide all divs		// Hide all divs

Lazlow: Created page with "document.addEventListener('DOMContentLoaded', function () { document.body.addEventListener('click', function (e) { var target = e.target; // Check if the clicked element has class "show-div" if (target.className.indexOf('show-div') !== -1) { e.preventDefault(); var targetId = target.getAttribute('data-target'); // Hide all divs var..."

2025-02-09T12:22:45Z

Created page with "document.addEventListener('DOMContentLoaded', function () { document.body.addEventListener('click', function (e) { var target = e.target; // Check if the clicked element has class "show-div" if (target.className.indexOf('show-div') !== -1) { e.preventDefault(); var targetId = target.getAttribute('data-target'); // Hide all divs var..."

New page