MediaWiki:Common.js - Revision history

Lokiy at 19:04, 13 February 2025

2025-02-13T19:04:59Z

← Older revision		Revision as of 19:04, 13 February 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	document.querySelectorAll(".image-~~hover~~").forEach~~(function~~ (link) {		document.querySelectorAll(".image-link").forEach(link => {
	link.~~addEventListener~~("~~mouseover~~"~~, function~~ () {		let imgUrl = link.getAttribute("data-img");
	let ~~img~~ = ~~link~~.~~querySelector~~("~~img~~");		if (imgUrl) {
	if (~~img~~) {		let previewDiv = document.createElement("div");
	~~img~~.style.~~display~~ = ~~"block";~~		previewDiv.classList.add("image-preview");
	}		previewDiv.style.backgroundImage = `url('${imgUrl}')`;
	});

	link.addEventListener("~~mouseout~~", ~~function~~ () {		link.parentNode.insertBefore(previewDiv, link.nextSibling);
	~~let img~~ = ~~link.querySelector(~~"~~img~~");
	if (~~img~~) {		link.addEventListener("mouseenter", () => {
	~~img~~.style.display = "none";		previewDiv.style.display = "block";
	}		});
	});
			link.addEventListener("mouseleave", () => {
			previewDiv.style.display = "none";
			});
			}
	});		});
	});		});

Admin at 20:41, 12 February 2025

2025-02-12T20:41:33Z

← Older revision		Revision as of 20:41, 12 February 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	document.querySelectorAll(".hover~~-image~~").forEach(function (~~element~~) {		document.querySelectorAll(".image-hover").forEach(function (link) {
	~~let imgSrc = element~~.~~getAttribute~~("~~data-image~~");		link.addEventListener("mouseover", function () {
	if (~~imgSrc~~) {		let img = link.querySelector("img");
	let ~~preview~~ = ~~document~~.~~createElement~~("img");		if (img) {
	~~preview.src = imgSrc;~~		img.style.display = "block";
	~~preview.style.position = "absolute";~~		}
	~~preview.style.width = "200px"; // Adjust as needed~~		});
	~~preview~~.style.display = "~~none~~";
	~~preview.style.border = "1px solid #ccc";~~
	~~preview.style.background = "white";~~
	~~preview.style.boxShadow = "0px 0px 10px rgba(0, 0, 0, 0.5)";~~
	~~document.body.appendChild(preview~~);

	~~element~~.addEventListener("~~mouseover~~", function (~~event~~) {		link.addEventListener("mouseout", function () {
	~~preview.style.display~~ = ~~"block";~~		let img = link.querySelector("img");
	~~preview.style.left = event~~.~~pageX + 10 + "px";~~		if (img) {
	~~preview.style.top = event.pageY + 10 + "px";~~		img.style.display = "none";
	~~});~~		}
			});
	~~element.addEventListener~~("~~mousemove~~"~~, function (event~~) {
	~~preview.style.left = event.pageX + 10 + "px"~~;
	~~preview.style.top = event.pageY + 10 + "px";~~
	~~});~~

	~~element.addEventListener("mouseout", function~~ () {
	~~preview~~.style.display = "none";
	});
	}
	});		});
	});		});

Admin: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(".hover-image").forEach(function (element) { let imgSrc = element.getAttribute("data-image"); if (imgSrc) { let preview = document.createElement("img"); preview.src = imgSrc; preview.style.position = "absolute"; preview.style.width = "200px"; //..."

2025-02-12T03:13:38Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(".hover-image").forEach(function (element) { let imgSrc = element.getAttribute("data-image"); if (imgSrc) { let preview = document.createElement("img"); preview.src = imgSrc; preview.style.position = "absolute"; preview.style.width = "200px"; //..."

New page

/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".hover-image").forEach(function (element) {
let imgSrc = element.getAttribute("data-image");
if (imgSrc) {
let preview = document.createElement("img");
preview.src = imgSrc;
preview.style.position = "absolute";
preview.style.width = "200px"; // Adjust as needed
preview.style.display = "none";
preview.style.border = "1px solid #ccc";
preview.style.background = "white";
preview.style.boxShadow = "0px 0px 10px rgba(0, 0, 0, 0.5)";
document.body.appendChild(preview);

element.addEventListener("mouseover", function (event) {
preview.style.display = "block";
preview.style.left = event.pageX + 10 + "px";
preview.style.top = event.pageY + 10 + "px";
});

element.addEventListener("mousemove", function (event) {
preview.style.left = event.pageX + 10 + "px";
preview.style.top = event.pageY + 10 + "px";
});

element.addEventListener("mouseout", function () {
preview.style.display = "none";
});
}
});
});