MediaWiki:Common.js - Revision history

Slippystudios at 11:25, 22 October 2025

2025-10-22T11:25:58Z

← Older revision		Revision as of 13:25, 22 October 2025
Line 5:		Line 5:
	if (!wrapper) return;		if (!wrapper) return;

			// Detect scroll position
	wrapper.addEventListener('scroll', function() {		wrapper.addEventListener('scroll', function() {
	if (wrapper.scrollTop <= 0) {		if (wrapper.scrollTop > 0) {
			wrapper.classList.add('scrolled');
			} else {
	wrapper.classList.remove('scrolled');		wrapper.classList.remove('scrolled');
	~~} else {~~
	~~wrapper.classList.add('scrolled');~~
	}		}
	});		});
	});		});

Slippystudios at 11:20, 22 October 2025

2025-10-22T11:20:34Z

← Older revision		Revision as of 13:20, 22 October 2025
Line 6:		Line 6:

	wrapper.addEventListener('scroll', function() {		wrapper.addEventListener('scroll', function() {
	wrapper.classList.add('scrolled');		if (wrapper.scrollTop <= 0) {
	~~}, { once: true~~ });		wrapper.classList.remove('scrolled');
			} else {
			wrapper.classList.add('scrolled');
			}
			});
	});		});

Slippystudios at 11:17, 22 October 2025

2025-10-22T11:17:05Z

← Older revision		Revision as of 13:17, 22 October 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() {
			const wrapper = document.querySelector('.added-content-wrapper');
			if (!wrapper) return;

			wrapper.addEventListener('scroll', function() {
			wrapper.classList.add('scrolled');
			}, { once: true });
			});

Slippystudios at 16:29, 11 October 2025

2025-10-11T16:29:46Z

← Older revision		Revision as of 18:29, 11 October 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. */

	~~const hoverDiv = document.querySelector('.hover-me');~~
	~~const changeDiv = document.querySelector('.change-me');~~

	~~hoverDiv.addEventListener('mouseenter', () => {~~
	~~changeDiv.classList.add('active');~~
	~~});~~

	~~hoverDiv.addEventListener('mouseleave', () => {~~
	~~changeDiv.classList.remove('active');~~
	~~});~~

Slippystudios: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ const hoverDiv = document.querySelector('.hover-me'); const changeDiv = document.querySelector('.change-me'); hoverDiv.addEventListener('mouseenter', () => { changeDiv.classList.add('active'); }); hoverDiv.addEventListener('mouseleave', () => { changeDiv.classList.remove('active'); });"

2025-10-11T16:29:10Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: const hoverDiv = document.querySelector('.hover-me'); const changeDiv = document.querySelector('.change-me'); hoverDiv.addEventListener('mouseenter', () => { changeDiv.classList.add('active'); }); hoverDiv.addEventListener('mouseleave', () => { changeDiv.classList.remove('active'); });"

New page

/* Any JavaScript here will be loaded for all users on every page load. */

const hoverDiv = document.querySelector('.hover-me');
const changeDiv = document.querySelector('.change-me');

hoverDiv.addEventListener('mouseenter', () => {
changeDiv.classList.add('active');
});

hoverDiv.addEventListener('mouseleave', () => {
changeDiv.classList.remove('active');
});