MediaWiki:Common.js - Historique des versions

Silklan le 31 août 2026 à 14:50

2026-08-31T14:50:44Z

← Version précédente		Version du 31 août 2026 à 16:50
Ligne 386 :		Ligne 386 :
	});		});

	~~/* Petit script pour surligner là où on en est dans la page sur le menu */~~
	(function() {		(function() {
	'use strict';		'use strict';
	~~document.addEventListener('DOMContentLoaded', function() {~~
	~~var tocLinks = document.querySelectorAll('#toc ul li a');~~
	~~if (!tocLinks.length) return;~~

	var ~~sections~~ = [];		function initTOCHighlight() {
	~~tocLinks~~.forEach(function(link) {		var toc = document.getElementById('toc');
	var id = link.getAttribute('href').replace('#', '');		if (!toc) return;

			var links = toc.querySelectorAll('a[href^="#"]');
			if (!links.length) return;

			// Collecter les cibles (headings avec id)
			var targets = [];
			links.forEach(function(link) {
			var id = decodeURIComponent(link.getAttribute('href').replace('#', ''));
	var el = document.getElementById(id);		var el = document.getElementById(id);
	if (el) ~~sections~~.push(el);		if (el) targets.push(el);
	});		});

	var ~~observer~~ = ~~new IntersectionObserver(~~function(~~entries~~) {		if (!targets.length) return;
	~~entries.forEach(function(entry) {~~
	var id = ~~entry~~.~~target.getAttribute('id')~~;		var current = null;
	var ~~link~~ = ~~document.querySelector('#toc ul li a~~[~~href="#' + id + '"~~]');
	if (~~link~~) {		function update() {
	if (~~entry~~.~~isIntersecting~~) {		var scrollPos = window.scrollY + 100; // 100px de marge
	~~link.parentElement.classList.add('toc-current')~~;
	} else {		var active = targets[0];
	~~link.parentElement.classList.remove('toc-current')~~;		for (var i = 0; i < targets.length; i++) {
	}		if (targets[i].offsetTop <= scrollPos) {
			active = targets[i];
			} else {
			break;
	}		}
	});		}
	}, { ~~rootMargin:~~ '~~0px 0px~~ -~~60% 0px~~', ~~threshold: 0~~ });
			if (active !== current) {
			// Retirer la classe de tous
			links.forEach(function(link) {
			link.parentElement.classList.remove('toc-current');
			});
			// Ajouter à l'actif
			var id = active.id;
			var activeLink = toc.querySelector('a[href="#' + encodeURIComponent(id) + '"]');
			if (!activeLink) {
			// Fallback : chercher par id décodé
			links.forEach(function(link) {
			var href = decodeURIComponent(link.getAttribute('href').replace('#', ''));
			if (href === id) activeLink = link;
			});
			}
			if (activeLink) {
			activeLink.parentElement.classList.add('toc-current');
			}
			current = active;
			}
			}

			// Throttle pour performance
			var ticking = false;
			window.addEventListener('scroll', function() {
			if (!ticking) {
			requestAnimationFrame(function() {
			update();
			ticking = false;
			});
			ticking = true;
			}
			});

			update(); // Appel initial
			}

	~~sections~~.~~forEach(function(s~~) { ~~observer~~.~~observe~~(s); });		if (document.readyState === 'loading') {
	});		document.addEventListener('DOMContentLoaded', initTOCHighlight);
			} else {
			initTOCHighlight();
			}
	})();		})();

Silklan le 31 août 2026 à 14:49

2026-08-31T14:49:05Z

← Version précédente		Version du 31 août 2026 à 16:49
Ligne 385 :		Ligne 385 :
	}		}
	});		});

			/* Petit script pour surligner là où on en est dans la page sur le menu */
			(function() {
			'use strict';
			document.addEventListener('DOMContentLoaded', function() {
			var tocLinks = document.querySelectorAll('#toc ul li a');
			if (!tocLinks.length) return;

			var sections = [];
			tocLinks.forEach(function(link) {
			var id = link.getAttribute('href').replace('#', '');
			var el = document.getElementById(id);
			if (el) sections.push(el);
			});

			var observer = new IntersectionObserver(function(entries) {
			entries.forEach(function(entry) {
			var id = entry.target.getAttribute('id');
			var link = document.querySelector('#toc ul li a[href="#' + id + '"]');
			if (link) {
			if (entry.isIntersecting) {
			link.parentElement.classList.add('toc-current');
			} else {
			link.parentElement.classList.remove('toc-current');
			}
			}
			});
			}, { rootMargin: '0px 0px -60% 0px', threshold: 0 });

			sections.forEach(function(s) { observer.observe(s); });
			});
			})();

Silklan le 13 août 2026 à 14:21

2026-08-13T14:21:29Z

← Version précédente		Version du 13 août 2026 à 16:21
Ligne 198 :		Ligne 198 :

	var pages = data.query.pages;		var pages = data.query.pages;
	var tableHtml = '<table class="~~mildtable sortable plainlist~~" style="min-width:60%; text-align:center; margin:0;">';		var tableHtml = '<table class="wikitable" style="min-width:60%; text-align:center; margin:0;">';
	tableHtml += '<thead><tr><th>Nom</th><th>Date</th><th>Rang</th><th>Gouvernement</th><th>Statut</th></tr></thead><tbody>';		tableHtml += '<thead><tr><th>Nom</th><th>Date</th><th>Rang</th><th>Gouvernement</th><th>Statut</th></tr></thead><tbody>';

Silklan le 13 août 2026 à 14:20

2026-08-13T14:20:43Z

← Version précédente		Version du 13 août 2026 à 16:20
Ligne 185 :		Ligne 185 :

	if (pageTitles.length === 0) {		if (pageTitles.length === 0) {
	$listContainer.html('<p style="font-style:italic; color:#666; padding:10px;">Aucune ~~campagne~~ ne correspond à ces critères.</p>');		$listContainer.html('<p style="font-style:italic; color:#666; padding:10px;">Aucune Grande Campagne ne correspond à ces critères.</p>');
	return;		return;
	}		}
Ligne 198 :		Ligne 198 :

	var pages = data.query.pages;		var pages = data.query.pages;
	var tableHtml = '<table class="~~wikitable~~" style="min-width:60%; text-align:center; margin:0;">';		var tableHtml = '<table class="mildtable sortable plainlist" style="min-width:60%; text-align:center; margin:0;">';
	tableHtml += '<thead><tr><th>Nom</th><th>Date</th><th>Rang</th><th>Gouvernement</th><th>Statut</th></tr></thead><tbody>';		tableHtml += '<thead><tr><th>Nom</th><th>Date</th><th>Rang</th><th>Gouvernement</th><th>Statut</th></tr></thead><tbody>';

Silklan le 13 août 2026 à 10:57

2026-08-13T10:57:02Z

← Version précédente		Version du 13 août 2026 à 12:57
Ligne 361 :		Ligne 361 :
	/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */		/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */
	$(document).ready(function() {		$(document).ready(function() {
	~~// Liste des pages où le script doit s'activer (remplacez les espaces par des underscores)~~		var pagesAutorisees = ['Liste_des_cultures']; // Ajoutez vos pages ici
	var pagesAutorisees = [
	'Liste_des_cultures',
	~~'Nom_de_la_deuxième_page',~~
	~~'Nom_de_la_troisième_page'~~
	];

	~~// Vérifie si la page actuelle est dans la liste~~
	if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {		if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {

	// ~~Le script ne s'exécute que~~ sur ~~ces pages~~		// Gestion du clic sur les boutons de date
	$('~~[class*="mw-customtoggle~~-"]').on('click', function(e) {		$('.date-btn').on('click', function(e) {
	e.preventDefault();		e.preventDefault();

	var ~~classes~~ = $(this).~~attr~~('~~class~~').~~split~~(' ');		var $btn = $(this);
			var selectedYear = $btn.data('year'); // Récupère l'année (ex: "867")
			var $row = $btn.closest('tr'); // Trouve la ligne du tableau

	~~for~~ (~~var i = 0; i < classes.length; i++~~) {		// 1. Mettre à jour le style des boutons (optionnel : mettre en gras celui sélectionné)
	if (~~classes[i]~~.~~indexOf~~('~~mw-customtoggle~~-') ~~=== 0) {~~		$row.find('.date-btn').css('font-weight', 'normal').css('text-decoration', 'none');
	~~var targetName = classes[i]~~.~~replace~~('~~mw-customtoggle~~-', '');		$btn.css('font-weight', 'bold').css('text-decoration', 'underline');
	~~var targetId =~~ 'mw-~~customcollapsible~~-' ~~+ targetName~~;
			// 2. Cacher tous les contenus de cette ligne
	$('#' ~~+ targetId~~).~~toggle~~();		$row.find('.year-content').hide();
	~~break;~~
	}		// 3. Afficher uniquement le contenu correspondant à l'année cliquée
	}		$row.find('.content-' + selectedYear).show();
	});		});
	}		}
	});		});

Silklan le 13 août 2026 à 10:11

2026-08-13T10:11:58Z

← Version précédente		Version du 13 août 2026 à 12:11
Ligne 361 :		Ligne 361 :
	/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */		/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */
	$(document).ready(function() {		$(document).ready(function() {
	// Liste des pages où le script doit s'activer		// Liste des pages où le script doit s'activer (remplacez les espaces par des underscores)
	var pagesAutorisees = [		var pagesAutorisees = [
	'Liste_des_cultures',		'Liste_des_cultures',
	~~// Ajoutez vos autres pages ici~~		'Nom_de_la_deuxième_page',
			'Nom_de_la_troisième_page'
	];		];

			// Vérifie si la page actuelle est dans la liste
	if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {		if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {

	// ~~1. Ajouter automatiquement le signe "+" AVANT le titre~~		// Le script ne s'exécute que sur ces pages
	$('~~[class*="mw-customtoggle-"]').each(function() {~~
	~~if ($(this).find('.toggle-sign').length === 0) {~~
	~~// Utilisation de prepend() pour mettre avant le texte~~
	~~// Style : gras (bold), couleur, et une petite marge à droite (margin-right)~~
	~~$(this).prepend('<span class="toggle-sign" style="font-weight:bold; color:#555; margin-right:6px; cursor:pointer;">+</span>');~~
	}
	~~});~~

	~~// 2. Gérer le clic~~
	$('[class*="mw-customtoggle-"]').on('click', function(e) {		$('[class*="mw-customtoggle-"]').on('click', function(e) {
	e.preventDefault();		e.preventDefault();

	var ~~$this~~ = $(this);		var classes = $(this).attr('class').split(' ');
	~~var classes = $this~~.attr('class').split(' ');
	~~var targetId = null;~~
	~~var $sign = $this.find('.toggle-sign');~~

	~~// Trouver l'ID cible~~
	for (var i = 0; i < classes.length; i++) {		for (var i = 0; i < classes.length; i++) {
	if (classes[i].indexOf('mw-customtoggle-') === 0) {		if (classes[i].indexOf('mw-customtoggle-') === 0) {
	var targetName = classes[i].replace('mw-customtoggle-', '');		var targetName = classes[i].replace('mw-customtoggle-', '');
	targetId = 'mw-customcollapsible-' + targetName;		var targetId = 'mw-customcollapsible-' + targetName;

			$('#' + targetId).toggle();
	break;		break;
	}
	}

	~~if (targetId) {~~
	~~var $row = $('#' + targetId);~~
	~~var isHidden = $row.is(':hidden');~~

	~~// Basculer la ligne~~
	~~$row.toggle();~~

	~~// Changer le texte : "+" si caché, "-" si affiché~~
	~~if (isHidden) {~~
	~~$sign.text('-');~~
	~~} else {~~
	~~$sign.text('+');~~
	}		}
	}		}

Silklan le 13 août 2026 à 10:11

2026-08-13T10:11:16Z

← Version précédente		Version du 13 août 2026 à 12:11
Ligne 369 :		Ligne 369 :
	if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {		if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {

	// 1. Ajouter automatiquement le signe "+" ~~à chaque élément toggle~~		// 1. Ajouter automatiquement le signe "+" AVANT le titre
	$('[class*="mw-customtoggle-"]').each(function() {		$('[class*="mw-customtoggle-"]').each(function() {
	if ($(this).find('.toggle-sign').length === 0) {		if ($(this).find('.toggle-sign').length === 0) {
	// ~~On ajoute un span avec une classe spécifique~~ pour le ~~cibler facilement~~		// Utilisation de prepend() pour mettre avant le texte
	$(this).~~append~~(' <span class="toggle-sign" style="font-weight:bold; color:#555; margin-~~left~~:~~4px~~;">+</span>');		// Style : gras (bold), couleur, et une petite marge à droite (margin-right)
			$(this).prepend('<span class="toggle-sign" style="font-weight:bold; color:#555; margin-right:6px; cursor:pointer;">+</span>');
	}		}
	});		});
Ligne 404 :		Ligne 405 :
	// Changer le texte : "+" si caché, "-" si affiché		// Changer le texte : "+" si caché, "-" si affiché
	if (isHidden) {		if (isHidden) {
	$sign.text('-'); ~~// La ligne va s'ouvrir, on met moins~~		$sign.text('-');
	} else {		} else {
	$sign.text('+'); ~~// La ligne va se fermer, on met plus~~		$sign.text('+');
	}		}
	}		}

Silklan le 13 août 2026 à 10:10

2026-08-13T10:10:15Z

← Version précédente		Version du 13 août 2026 à 12:10
Ligne 361 :		Ligne 361 :
	/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */		/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */
	$(document).ready(function() {		$(document).ready(function() {
	// Liste des pages où le script doit s'activer ~~(remplacez les espaces par des underscores)~~		// Liste des pages où le script doit s'activer
	var pagesAutorisees = [		var pagesAutorisees = [
	'Liste_des_cultures',		'Liste_des_cultures',
	~~'Nom_de_la_deuxième_page',~~		// Ajoutez vos autres pages ici
	~~'Nom_de_la_troisième_page'~~
	];		];

	~~// Vérifie si la page actuelle est dans la liste~~
	if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {		if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {

	// ~~Le script ne s~~'~~exécute que sur ces pages~~		// 1. Ajouter automatiquement le signe "+" à chaque élément toggle
			$('[class*="mw-customtoggle-"]').each(function() {
			if ($(this).find('.toggle-sign').length === 0) {
			// On ajoute un span avec une classe spécifique pour le cibler facilement
			$(this).append(' <span class="toggle-sign" style="font-weight:bold; color:#555; margin-left:4px;">+</span>');
			}
			});

			// 2. Gérer le clic
	$('[class*="mw-customtoggle-"]').on('click', function(e) {		$('[class*="mw-customtoggle-"]').on('click', function(e) {
	e.preventDefault();		e.preventDefault();

	var ~~classes~~ = $(this).attr('class').split(' ');		var $this = $(this);
			var classes = $this.attr('class').split(' ');
			var targetId = null;
			var $sign = $this.find('.toggle-sign');

			// Trouver l'ID cible
	for (var i = 0; i < classes.length; i++) {		for (var i = 0; i < classes.length; i++) {
	if (classes[i].indexOf('mw-customtoggle-') === 0) {		if (classes[i].indexOf('mw-customtoggle-') === 0) {
	var targetName = classes[i].replace('mw-customtoggle-', '');		var targetName = classes[i].replace('mw-customtoggle-', '');
	~~var~~ targetId = 'mw-customcollapsible-' + targetName;		targetId = 'mw-customcollapsible-' + targetName;

	~~$('#' + targetId).toggle()~~;
	break;		break;
			}
			}

			if (targetId) {
			var $row = $('#' + targetId);
			var isHidden = $row.is(':hidden');

			// Basculer la ligne
			$row.toggle();

			// Changer le texte : "+" si caché, "-" si affiché
			if (isHidden) {
			$sign.text('-'); // La ligne va s'ouvrir, on met moins
			} else {
			$sign.text('+'); // La ligne va se fermer, on met plus
	}		}
	}		}

Silklan le 13 août 2026 à 09:59

2026-08-13T09:59:41Z

← Version précédente		Version du 13 août 2026 à 11:59
Ligne 361 :		Ligne 361 :
	/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */		/* Script personnalisé pour permettre le toggle de lignes de tableau (tr) */
	$(document).ready(function() {		$(document).ready(function() {
	// ~~Sélectionne tous~~ les ~~éléments avec une classe commençant~~ par ~~mw-customtoggle-~~		// Liste des pages où le script doit s'activer (remplacez les espaces par des underscores)
	$('~~[class*="mw-customtoggle-"]~~'~~).on(~~'~~click~~', ~~function(e) {~~		var pagesAutorisees = [
	e.~~preventDefault~~()~~; // Empêche le comportement par défaut~~		'Liste_des_cultures',
			'Nom_de_la_deuxième_page',
			'Nom_de_la_troisième_page'
			];

			// Vérifie si la page actuelle est dans la liste
			if (pagesAutorisees.indexOf(mw.config.get('wgPageName')) !== -1) {

	// ~~Récupère toutes les classes de l~~'~~élément cliqué~~		// Le script ne s'exécute que sur ces pages
	var classes = $(this).attr('class').split(' ');		$('[class*="mw-customtoggle-"]').on('click', function(e) {
			e.preventDefault();
	~~// Boucle sur les classes pour trouver celle qui commence par mw-customtoggle-~~
	for (var i = 0; i < classes.length; i++) {		var classes = $(this).attr('class').split(' ');
	if (classes[i].indexOf('mw-customtoggle-') === 0) {
	~~// Extrait le nom unique (ex: "egypte" dans "mw-customtoggle-egypte")~~		for (var i = 0; i < classes.length; i++) {
	var targetName = classes[i].replace('mw-customtoggle-', '');		if (classes[i].indexOf('mw-customtoggle-') === 0) {
			var targetName = classes[i].replace('mw-customtoggle-', '');
	~~// Construit l'ID cible attendu : mw-customcollapsible-XXX~~		var targetId = 'mw-customcollapsible-' + targetName;
	var targetId = 'mw-customcollapsible-' + targetName;
			$('#' + targetId).toggle();
	~~// Bascule l'affichage de la ligne (tr) avec cet ID~~		break;
	$('#' + targetId).toggle();		}

	~~// Optionnel : Ajoute/Enlève une classe pour indiquer l'état (si besoin de CSS)~~
	~~// $(this).toggleClass('toggle-active')~~;

	~~break; // Sort de la boucle une fois le toggle trouvé~~
	}		}
	}		});
	});		}
	});		});

Silklan le 13 août 2026 à 09:53

2026-08-13T09:53:09Z

@@ Ligne 356 : / Ligne 356 : @@
+         }
      });
 });