MediaWiki:Common.js - Historique des versions

MetaOsten le 1 juin 2024 à 22:54

2024-06-01T22:54:42Z

◂ Version précédente		Version du 1 juin 2024 à 22:54
Ligne 1 :		Ligne 1 :
	/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */		var link = document.createElement('link');
			link.href = 'https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap';
			link.rel = 'stylesheet';
			document.head.appendChild(link);




	/ Ajouter un événement pour appliquer un effet visuel aux éléments avec la classe 'highlight'		/ Ajouter un événement pour appliquer un effet visuel aux éléments avec la classe 'highlight'

2024-05-29T20:17:39Z

◂ Version précédente		Version du 29 mai 2024 à 20:17
Ligne 1 :		Ligne 1 :
	/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */		/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */

			/ Ajouter un événement pour appliquer un effet visuel aux éléments avec la classe 'highlight'
			document.addEventListener("DOMContentLoaded", function() {
			var elements = document.querySelectorAll('.highlight');

			elements.forEach(function(element) {
			element.addEventListener('mouseover', function() {
			element.style.transition = "background-color 0.5s ease";
			element.style.backgroundColor = "#ffeb3b"; // Couleur de survol
			});

			element.addEventListener('mouseout', function() {
			element.style.transition = "background-color 0.5s ease";
			element.style.backgroundColor = ""; // Retour à la couleur d'origine
			});
			});
			});

2024-05-29T19:47:17Z

◂ Version précédente		Version du 29 mai 2024 à 19:47
Ligne 234 :		Ligne 234 :
	// Appliquer wheelzoom aux images avec la classe 'zoom'		// Appliquer wheelzoom aux images avec la classe 'zoom'
	document.addEventListener("DOMContentLoaded", function() {		document.addEventListener("DOMContentLoaded", function() {
	var zoomImages = document.querySelectorAll('img.~~zoom~~');		var zoomImages = document.querySelectorAll('img.wheelzoom');
	wheelzoom(zoomImages);		wheelzoom(zoomImages);
	});		});

2024-05-29T07:58:49Z

◂ Version précédente		Version du 29 mai 2024 à 07:58
Ligne 240 :		Ligne 240 :

	/===============/		/===============/

			$(document).ready(function() {
			$('.zoomable-image').on('click', function() {
			var $image = $(this);
			var currentWidth = $image.width();
			var currentHeight = $image.height();

			if ($image.data('zoomed')) {
			// If the image is already zoomed, reset its size
			$image.width($image.data('original-width'));
			$image.height($image.data('original-height'));
			$image.data('zoomed', false);
			} else {
			// Store the original size
			$image.data('original-width', currentWidth);
			$image.data('original-height', currentHeight);

			// Double the size
			$image.width(currentWidth * 2);
			$image.height(currentHeight * 2);
			$image.data('zoomed', true);
			}
			});
			});

2024-05-29T07:25:47Z

◂ Version précédente		Version du 29 mai 2024 à 07:25
Ligne 232 :		Ligne 232 :
	}());		}());

	// Appliquer wheelzoom aux images avec la classe '~~wheelzoom~~'		// Appliquer wheelzoom aux images avec la classe 'zoom'
	document.addEventListener("DOMContentLoaded", function() {		document.addEventListener("DOMContentLoaded", function() {
	var zoomImages = document.querySelectorAll('img.zoom');		var zoomImages = document.querySelectorAll('img.zoom');

2024-05-29T07:13:03Z

◂ Version précédente		Version du 29 mai 2024 à 07:13
Ligne 234 :		Ligne 234 :
	// Appliquer wheelzoom aux images avec la classe 'wheelzoom'		// Appliquer wheelzoom aux images avec la classe 'wheelzoom'
	document.addEventListener("DOMContentLoaded", function() {		document.addEventListener("DOMContentLoaded", function() {
	var zoomImages = document.querySelectorAll('img.~~wheelzoom~~');		var zoomImages = document.querySelectorAll('img.zoom');
	wheelzoom(zoomImages);		wheelzoom(zoomImages);
	});		});

2024-05-29T00:36:53Z

◂ Version précédente		Version du 29 mai 2024 à 00:36
Ligne 231 :		Ligne 231 :
	}		}
	}());		}());

			// Appliquer wheelzoom aux images avec la classe 'wheelzoom'
			document.addEventListener("DOMContentLoaded", function() {
			var zoomImages = document.querySelectorAll('img.wheelzoom');
			wheelzoom(zoomImages);
			});


			/===============/

2024-05-29T00:21:55Z

2024-05-06T21:27:00Z

◂ Version précédente		Version du 6 mai 2024 à 21:27
Ligne 1 :		Ligne 1 :
	/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */		/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */

	~~(function zoom(e){~~
	~~var zoomer = e.currentTarget;~~
	~~e.offsetX ? offsetX = e.offsetX : offsetX = e.touches[0].pageX~~
	~~e.offsetY ? offsetY = e.offsetY : offsetX = e.touches[0].pageX~~
	~~x = offsetX/zoomer.offsetWidth*100~~
	~~y = offsetY/zoomer.offsetHeight*100~~
	~~zoomer.style.backgroundPosition = x + '% ' + y + '%';~~
	~~}());~~

2024-05-06T21:16:28Z

◂ Version précédente		Version du 6 mai 2024 à 21:16
Ligne 1 :		Ligne 1 :
	/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */		/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */

			(function zoom(e){
	(~~figure.~~zoom {		var zoomer = e.currentTarget;
	~~background-position: 50% 50%~~;		e.offsetX ? offsetX = e.offsetX : offsetX = e.touches[0].pageX
	~~position~~: ~~relative;~~		e.offsetY ? offsetY = e.offsetY : offsetX = e.touches[0].pageX
	~~width~~: ~~500px;~~		x = offsetX/zoomer.offsetWidth*100
	~~overflow: hidden;~~		y = offsetY/zoomer.offsetHeight*100
	~~cursor: zoom-in;~~		zoomer.style.backgroundPosition = x + '% ' + y + '%';
	}

	~~figure~~.~~zoom img:hover {~~
	~~opacity:~~ 0;
	}

	~~figure~~.~~zoom img {~~
	~~transition: opacity~~ .~~5s;~~
	~~display: block;~~
	~~width: 100~~%;
	}());		}());