MediaWiki:Common.js - Historique des versions

Graham le 14 mars 2025 à 01:02

2025-03-14T01:02:51Z

@@ Ligne 1 : / Ligne 1 : @@
 mw.hook('wikipage.content').add(function ($content) {
      console.log("Script des menus déroulants chargé !");
@@ Ligne 13 : / Ligne 11 : @@
          });
      });
 });

Graham : Annulation des modifications 5222 de Graham (discussion)

2025-03-08T18:55:33Z

Annulation des modifications 5222 de Graham (discussion)

← Version précédente		Version du 8 mars 2025 à 18:55
Ligne 1 :		Ligne 1 :
	console.log("Common.js chargé 4.0 !");		console.log("Common.js chargé 3.0 !");

	mw.hook('wikipage.content').add(function ($content) {		mw.hook('wikipage.content').add(function ($content) {
	console.log("Script des menus déroulants chargé !");		console.log("Script des menus déroulants chargé !");

	$content.find(".menu-~~texte~~").each(function () {		$content.find(".menu-deroulant-titre").each(function () {
	$(this~~).css("cursor", "pointer"~~).on("click", function () {		$(this).on("click", function () {
	var $target = $(this).next(".menu-contenu");		var $target = $(this).next(".menu-deroulant-contenu");
	if ($target.length) {		if ($target.length) {
	$target.slideToggle(~~200~~); // Animation fluide		$target.slideToggle(); // Animation fluide
	$(this).toggleClass("menu-ouvert");		$(this).toggleClass("menu-ouvert");
	}		}
Ligne 14 :		Ligne 14 :
	});		});
	});		});

Graham le 8 mars 2025 à 18:48

2025-03-08T18:48:56Z

← Version précédente		Version du 8 mars 2025 à 18:48
Ligne 1 :		Ligne 1 :
	console.log("Common.js chargé 3.0 !");		console.log("Common.js chargé 4.0 !");

	mw.hook('wikipage.content').add(function ($content) {		mw.hook('wikipage.content').add(function ($content) {
	console.log("Script des menus déroulants chargé !");		console.log("Script des menus déroulants chargé !");

	$content.find(".menu-~~deroulant-titre~~").each(function () {		$content.find(".menu-texte").each(function () {
	$(this).on("click", function () {		$(this).css("cursor", "pointer").on("click", function () {
	var $target = $(this).next(".menu~~-deroulant~~-contenu");		var $target = $(this).next(".menu-contenu");
	if ($target.length) {		if ($target.length) {
	$target.slideToggle(); // Animation fluide		$target.slideToggle(200); // Animation fluide
	$(this).toggleClass("menu-ouvert");		$(this).toggleClass("menu-ouvert");
	}		}
Ligne 14 :		Ligne 14 :
	});		});
	});		});

Graham le 8 mars 2025 à 18:31

2025-03-08T18:31:08Z

← Version précédente		Version du 8 mars 2025 à 18:31
Ligne 1 :		Ligne 1 :
	console.log("Common.js chargé 2 !");		console.log("Common.js chargé 3.0 !");

	~~document~~.~~addEventListener~~(~~"DOMContentLoaded",~~ function () {		mw.hook('wikipage.content').add(function ($content) {
	console.log("Script des menus déroulants chargé !");		console.log("Script des menus déroulants chargé !");

	~~document~~.~~querySelectorAll~~(".menu-deroulant-titre").~~forEach~~(~~button =>~~ {		$content.find(".menu-deroulant-titre").each(function () {
	~~button~~.~~addEventListener~~("click", function () {		$(this).on("click", function () {
	~~let~~ target = this.~~nextElementSibling;~~		var $target = $(this).next(".menu-deroulant-contenu");
	~~if (target && target.classList.contains~~("menu-deroulant-contenu")) {		if ($target.length) {
	target.~~style.display =~~ (~~target.style.display === "none" \|\| target.style.display === ""~~) ~~? "block" : "none"~~;		$target.slideToggle(); // Animation fluide
	this.~~classList.toggle~~("menu-ouvert");		$(this).toggleClass("menu-ouvert");
	}		}
	});		});
	});		});
	});		});

Graham le 8 mars 2025 à 18:28

2025-03-08T18:28:24Z

← Version précédente		Version du 8 mars 2025 à 18:28
Ligne 13 :		Ligne 13 :
	});		});
	});		});
			});


			console.log("Test - Common.js bien chargé !");
			document.addEventListener("click", function () {
			console.log("Un clic a été détecté !");
	});		});

Graham : Contenu remplacé par « console.log("Common.js chargé 2 !"); document.addEventListener("DOMContentLoaded", function () { console.log("Script des menus déroulants chargé !"); document.querySelectorAll(".menu-deroulant-titre").forEach(button => { button.addEventListener("click", function () { let target = this.nextElementSibling; if (target && target.classList.contains("menu-deroulant-contenu")) { target.style.display = (tar... »

2025-03-08T18:22:22Z

Contenu remplacé par « console.log("Common.js chargé 2 !"); document.addEventListener("DOMContentLoaded", function () { console.log("Script des menus déroulants chargé !"); document.querySelectorAll(".menu-deroulant-titre").forEach(button => { button.addEventListener("click", function () { let target = this.nextElementSibling; if (target && target.classList.contains("menu-deroulant-contenu")) { target.style.display = (tar... »

Voir les modifications

Graham le 8 mars 2025 à 18:15

2025-03-08T18:15:02Z

← Version précédente		Version du 8 mars 2025 à 18:15
Ligne 1 :		Ligne 1 :
	console.log("Common.js chargé !");		console.log("Common.js chargé !");

	~~console~~.~~log("Script des boutons chargé !");~~		mw.loader.using('jquery', function() {
	~~document~~.~~addEventListener~~(~~"DOMContentLoaded"~~, function () {		console.log("jQuery est bien chargé !");
	console.log("~~DOM entièrement~~ chargé~~, script prêt~~ !");
	});		});

Graham le 8 mars 2025 à 18:13

2025-03-08T18:13:24Z

← Version précédente		Version du 8 mars 2025 à 18:13
Ligne 1 :		Ligne 1 :
	console.log("Common.js chargé !");		console.log("Common.js chargé !");

			console.log("Script des boutons chargé !");
			document.addEventListener("DOMContentLoaded", function () {
			console.log("DOM entièrement chargé, script prêt !");
			});

	/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */		/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */

Graham le 8 mars 2025 à 18:02

2025-03-08T18:02:16Z

← Version précédente		Version du 8 mars 2025 à 18:02
Ligne 1 :		Ligne 1 :
			console.log("Common.js chargé !");

	/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */		/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */

Graham : Page créée avec « /* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. / / Le tri des tableaux via la classe CSS sortable est naïf et les lettres accentuées sont triées après la lettre Z. Cette petite ligne corrige ça. */ mw.config.set('tableSorterCollation', {'à': 'a', 'â': 'a', 'ä': 'a', 'ç': 'c', 'é': 'e', 'è': 'e', 'ê': 'e', 'ë': 'e', 'ô': 'o', 'ö': 'o', 'î': 'i', 'ï': 'i', 'û': 'u', 'ü': 'u'}); /** * Vect... »

2025-03-08T17:39:44Z

Page créée avec « Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. : Le tri des tableaux via la classe CSS sortable est naïf et les lettres accentuées sont triées après la lettre Z. Cette petite ligne corrige ça. : mw.config.set('tableSorterCollation', {'à': 'a', 'â': 'a', 'ä': 'a', 'ç': 'c', 'é': 'e', 'è': 'e', 'ê': 'e', 'ë': 'e', 'ô': 'o', 'ö': 'o', 'î': 'i', 'ï': 'i', 'û': 'u', 'ü': 'u'}); /** * Vect... »

Nouvelle page

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */

/* Le tri des tableaux via la classe CSS sortable est naïf et les lettres accentuées sont triées après la lettre Z.
Cette petite ligne corrige ça. */
mw.config.set('tableSorterCollation', {'à': 'a', 'â': 'a', 'ä': 'a', 'ç': 'c', 'é': 'e', 'è': 'e', 'ê': 'e', 'ë': 'e',
'ô': 'o', 'ö': 'o', 'î': 'i', 'ï': 'i', 'û': 'u', 'ü': 'u'});

/**
* Vector HeadAnchors
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-vector-headanchor.js
* @revision 2015-03-07
*
* @license http://krinkle.mit-license.org/
* @author Timo Tijhof, 2013–2015
*/
( function ( $ ) {
$( '.mw-headline' ).each( function ( i, el ) {
var id = el.id,
$headline = $( el ),
$header = $headline.parent();
if ( !id || $header.find( '.mw-headline-anchor,.mw-headline-headanchor').length ) {
return;
}
$headline.removeAttr('id');
$header.addClass( 'mw-header' ).prepend(
$( '<a>' ).prop({
id: id,
href: '#' + id,
title: 'Lien vers cette section',
className: 'mw-headline-headanchor'
})
);
} );
}( jQuery ) );

/* collapsible/collapsed avec MediaWiki */
$( '.collapsible, .enroulable' ).addClass( 'mw-collapsible' );
$( '.collapsed, .enroulé' ).addClass( 'mw-collapsed' );

/* alias français */
$( '.triable' ).addClass( 'sortable' );

/**
* Bouton pour afficher/masquer un contenu.
* Idée de départ : http://encyclopediadramatica.com/MediaWiki:Common.js par WhiteMystery (misterioblanco@gmail.com)
* Créateur : [[Utilisateur:Misdre]]
* Licence : WTFPL ou Creative Commons Paternité 2.5 ou suivantes
* Plus d'informations ici : [[Aide:Afficher et masquer du contenu]]
*/

// todo :
// remettre le display initial
// -> il faudrait conserver toutes les valeures initiales de display (mais ça marche déjà très bien)

function boutonsAfficherMasquer() {
var balisesBoutons = document.querySelectorAll('button:not(.masquage)');
var cibles = [];
var nbPartiesCachees = 0;

for ( var i = 0; i < balisesBoutons.length; i++ ) {
// on cherche les boutons afficher-masquer dans la page
// on trouve un bouton qui servira à afficher une partie cachée
if ( balisesBoutons[i].getAttribute("value") == "afficher" ) {
if ( !balisesBoutons[i].hasAttribute("title") || balisesBoutons[i].getAttribute("title") === "" )
balisesBoutons[i].setAttribute("title", "[Masquer]");
if ( typeof(balisesBoutons[i].textContent) != "undefined") {
if ( balisesBoutons[i].textContent === "" )
balisesBoutons[i].textContent = "[Afficher]";
}
else {
if ( balisesBoutons[i].innerText === "" )
balisesBoutons[i].innerText = "[Afficher]";
}
balisesBoutons[i].setAttribute("onclick", "afficherMasquer(this)");
balisesBoutons[i].style.display = 'inline-block';
nbPartiesCachees++;
cibles[nbPartiesCachees-1] = balisesBoutons[i].getAttribute("name");
}
else if ( balisesBoutons[i].getAttribute("value") == "masquer" ) {
if ( !balisesBoutons[i].hasAttribute("title") || balisesBoutons[i].getAttribute("title") === "" )
balisesBoutons[i].setAttribute("title", "[Afficher]");
if ( typeof(balisesBoutons[i].textContent) != "undefined") {
if ( balisesBoutons[i].textContent === "" )
balisesBoutons[i].textContent = "[Masquer]";
}
else {
if ( balisesBoutons[i].innerText === "" )
balisesBoutons[i].innerText = "[Masquer]";
}
balisesBoutons[i].setAttribute("onclick", "afficherMasquer(this)");
balisesBoutons[i].style.display = 'inline-block';
}
}

// on cache les parties censées être cachées (celles ciblées par un bouton afficher)
var balises = document.getElementsByTagName('*');
for ( var i = 0; i < balises.length; i++ ) {
for( var j = 0; j < cibles.length; j++ ) {
if ( $( balises[i] ).hasClass( cibles[j] ) ) {
balises[i].style.display = "none";
break;
}
}
}
}

function afficherMasquer(sourceAction) {
var classeCible = sourceAction.getAttribute("name");
var typeAction = sourceAction.getAttribute("value");
var balises = document.getElementsByTagName('*');
for ( var i = 0; i < balises.length; i++ ) {
if ( $( balises[i] ).hasClass( classeCible ) ) {
if ( typeAction == "afficher" ) {
balises[i].style.display = '';
}
else {
balises[i].style.display = "none";
}
}
}

var balisesBoutons = document.querySelectorAll('button:not(.masquage)');
for ( var i = 0; i < balisesBoutons.length; i++ ) {
var tmp;
if ( balisesBoutons[i].getAttribute("value") == "afficher" && balisesBoutons[i].getAttribute("name") == classeCible) {
if ( typeof(balisesBoutons[i].textContent) != "undefined") {
tmp = balisesBoutons[i].textContent;
balisesBoutons[i].textContent = balisesBoutons[i].getAttribute("title");
}
else {
tmp = balisesBoutons[i].innerText;
balisesBoutons[i].innerText = balisesBoutons[i].getAttribute("title");
}
balisesBoutons[i].setAttribute("title", tmp);
balisesBoutons[i].setAttribute("value", "masquer");
}
else if ( balisesBoutons[i].getAttribute("value") == "masquer" && balisesBoutons[i].getAttribute("name") == classeCible) {
if ( typeof(balisesBoutons[i].textContent) != "undefined") {
tmp = balisesBoutons[i].textContent;
balisesBoutons[i].textContent = balisesBoutons[i].getAttribute("title");
}
else {
tmp = balisesBoutons[i].innerText;
balisesBoutons[i].innerText = balisesBoutons[i].getAttribute("title");
}
balisesBoutons[i].setAttribute("title", tmp);
balisesBoutons[i].setAttribute("value", "afficher");
}
}
}

jQuery( boutonsAfficherMasquer );

/* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach#Compatibility */
/* Pour IE8 */
if (!Array.prototype.forEach) {
Array.prototype.forEach = function (fn, scope) {
'use strict';
var i, len;
for (i = 0, len = this.length; i < len; ++i) {
if (i in this) {
fn.call(scope, this[i], i, this);
}
}
};
}

/* Animation de capacité */
jQuery( function(){
var runAnimationElems = document.querySelectorAll(".run-animation");
for(var i=0; i<runAnimationElems.length; i++) {
if(runAnimationElems[i].parentNode.querySelector(".url-animation a")) {
runAnimationElems[i].addEventListener("click", function() {
this.innerHTML = "<small>Chargement en cours...</small>";
this.parentNode.querySelector("a.image img").addEventListener("load", function() {
this.parentNode.parentNode.querySelector(".run-animation").style.visibility="hidden";
}),
this.parentNode.querySelector("a.image").setAttribute("href", "/Fichier:"+this.parentNode.querySelector(".url-animation a").getAttribute("title"));
this.parentNode.querySelector("a.image img").setAttribute("src", this.parentNode.querySelector(".url-animation a").getAttribute("href"));
});
}
}
});