MediaWiki:Common.js - История изменений

Krdk в 12:54, 8 апреля 2026

2026-04-08T12:54:28Z

← Предыдущая версия		Версия от 12:54, 8 апреля 2026
Строка 1:		Строка 1:
	/* Бронебойный скрипт для SVG-баннеров ~~в боковом меню~~ (Timeless) */		/* Бронебойный скрипт для SVG-баннеров с ИНДИВИДУАЛЬНЫМИ размерами (Timeless) */
	mw.loader.using('mediawiki.util').then(function () {		mw.loader.using('mediawiki.util').then(function () {
	mw.hook('wikipage.content').add(function () {		mw.hook('wikipage.content').add(function () {
	~~// Ищем ссылки во всех боковых меню (и левом, и правом)~~
	$('#mw-site-navigation a, #mw-related-navigation a, .sidebar-chunk a, .mw-portlet a').each(function () {		$('#mw-site-navigation a, #mw-related-navigation a, .sidebar-chunk a, .mw-portlet a').each(function () {
	var $link = $(this);		var $link = $(this);
	var ~~linkText~~ = $link.text().trim();		var rawText = $link.text().trim();

	// Если ~~текст ссылки заканчивается на~~ .~~svg~~ (~~регистронезависимо~~)		// Разделяем текст по символу "\|", чтобы отделить имя файла от размера
	if (~~linkText~~.match(/\.svg$/i)) {		var parts = rawText.split('\|');
	~~// Получаем прямую ссылку на файл~~		var fileName = parts[0].trim();
	var imgSrc = mw.util.getUrl('Special:FilePath/' + ~~linkText~~);		// Если размер указан — берем его, если нет — ставим 100%
			var customWidth = parts[1] ? parts[1].trim() : '100%';

			if (fileName.match(/\.svg$/i)) {
			var imgSrc = mw.util.getUrl('Special:FilePath/' + fileName);

	~~// Создаем картинку~~
	var $img = $('<img>', {		var $img = $('<img>', {
	src: imgSrc,		src: imgSrc,
	alt: 'Баннер',		alt: 'Баннер',
	css: {		css: {
	'max-width': '100%',		'width': customWidth, // Применяем индивидуальный размер!
			'max-width': '100%', // Защита от вылезания за пределы сайдбара
	'height': 'auto',		'height': 'auto',
	'display': 'block',		'display': 'block',
Строка 26:		Строка 29:
	});		});

	~~// Эффект при наведении прямо в JS (чтобы не зависеть от CSS)~~
	$img.hover(		$img.hover(
	function() { $(this).css('transform', 'scale(1.03)'); },		function() { $(this).css('transform', 'scale(1.03)'); },
Строка 32:		Строка 34:
	);		);

	~~// Очищаем стили родительских элементов (убираем маркеры списка)~~
	$link.closest('li').css({'list-style': 'none', 'margin-bottom': '10px'});		$link.closest('li').css({'list-style': 'none', 'margin-bottom': '10px'});
	$link.closest('ul').css({'padding-left': '0', 'list-style': 'none'});		$link.closest('ul').css({'padding-left': '0', 'list-style': 'none'});

	~~// Меняем текст на картинку~~
	$link.empty().append($img);		$link.empty().append($img);
	}		}

Krdk в 12:28, 8 апреля 2026

2026-04-08T12:28:10Z

← Предыдущая версия		Версия от 12:28, 8 апреля 2026
Строка 1:		Строка 1:
	~~console.log('Сайт-скрипт успешно загружен!');~~		/* Бронебойный скрипт для SVG-баннеров в боковом меню (Timeless) */
	/* ~~Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */~~		mw.loader.using('mediawiki.util').then(function () {
	~~/* Превращаем текстовые ссылки на~~ SVG в ~~сайдбаре в кликабельные картинки~~ */		mw.hook('wikipage.content').add(function () {
	mw.hook('wikipage.content').add(function() {		// Ищем ссылки во всех боковых меню (и левом, и правом)
	// Ищем ~~блок БАННЕРЫ~~ (~~Timeless генерирует ID 'p-БАННЕРЫ' или 'p-BANNERS')~~		$('#mw-site-navigation a, #mw-related-navigation a, .sidebar-chunk a, .mw-portlet a').each(function () {
	~~// Если блок называется иначе~~, ~~посмотри его точный ID через F12 (Инспектор кода~~)
	~~var $bannerBlock =~~ $('#p-~~БАННЕРЫ .sidebar~~-~~chunk~~, #p-~~BANNERS~~ .sidebar-chunk').~~add('#p~~-~~БАННЕРЫ ul, #p-BANNERS ul');~~

	~~if ($bannerBlock.length) {~~
	~~$bannerBlock.find('li~~ a').each(function() {
	var $link = $(this);		var $link = $(this);
	var linkText = $link.text().trim();		var linkText = $link.text().trim();

	// ~~Проверяем, оканчивается ли~~ текст ссылки на .svg		// Если текст ссылки заканчивается на .svg (регистронезависимо)
	if (linkText.match(/\.svg$/i)) {		if (linkText.match(/\.svg$/i)) {
	// ~~Строим URL к файлу.~~		// Получаем прямую ссылку на файл
	~~// В MediaWiki путь к картинке можно получить через Special:FilePath~~
	var imgSrc = mw.util.getUrl('Special:FilePath/' + linkText);		var imgSrc = mw.util.getUrl('Special:FilePath/' + linkText);

	// Создаем ~~тег картинки и заменяем им текст внутри ссылки~~		// Создаем картинку
	var $img = $('<img>', {		var $img = $('<img>', {
	src: imgSrc,		src: imgSrc,
Строка 26:		Строка 20:
	'height': 'auto',		'height': 'auto',
	'display': 'block',		'display': 'block',
	'margin': '5px auto'		'margin': '5px auto',
			'border-radius': '4px',
			'transition': 'transform 0.2s'
	}		}
	});		});

			// Эффект при наведении прямо в JS (чтобы не зависеть от CSS)
			$img.hover(
			function() { $(this).css('transform', 'scale(1.03)'); },
			function() { $(this).css('transform', 'scale(1)'); }
			);

			// Очищаем стили родительских элементов (убираем маркеры списка)
			$link.closest('li').css({'list-style': 'none', 'margin-bottom': '10px'});
			$link.closest('ul').css({'padding-left': '0', 'list-style': 'none'});

			// Меняем текст на картинку
	$link.empty().append($img);		$link.empty().append($img);
	}		}
	});		});
	}		});
	});		});

Krdk в 12:25, 8 апреля 2026

2026-04-08T12:25:42Z

← Предыдущая версия		Версия от 12:25, 8 апреля 2026
Строка 1:		Строка 1:
			console.log('Сайт-скрипт успешно загружен!');
	/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */		/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
	/* Превращаем текстовые ссылки на SVG в сайдбаре в кликабельные картинки */		/* Превращаем текстовые ссылки на SVG в сайдбаре в кликабельные картинки */

Krdk: Новая страница: «/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице / / Превращаем текстовые ссылки на SVG в сайдбаре в кликабельные картинки */ mw.hook('wikipage.content').add(function() { // Ищем блок БАННЕРЫ (Timeless генерирует ID 'p-БАННЕРЫ' или 'p-BAN...»

2026-04-08T12:13:53Z

Новая страница: «Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице: Превращаем текстовые ссылки на SVG в сайдбаре в кликабельные картинки: mw.hook('wikipage.content').add(function() { // Ищем блок БАННЕРЫ (Timeless генерирует ID 'p-БАННЕРЫ' или 'p-BAN...»

Новая страница

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
/* Превращаем текстовые ссылки на SVG в сайдбаре в кликабельные картинки */
mw.hook('wikipage.content').add(function() {
// Ищем блок БАННЕРЫ (Timeless генерирует ID 'p-БАННЕРЫ' или 'p-BANNERS')
// Если блок называется иначе, посмотри его точный ID через F12 (Инспектор кода)
var $bannerBlock = $('#p-БАННЕРЫ .sidebar-chunk, #p-BANNERS .sidebar-chunk').add('#p-БАННЕРЫ ul, #p-BANNERS ul');

if ($bannerBlock.length) {
$bannerBlock.find('li a').each(function() {
var $link = $(this);
var linkText = $link.text().trim();

// Проверяем, оканчивается ли текст ссылки на .svg
if (linkText.match(/\.svg$/i)) {
// Строим URL к файлу.
// В MediaWiki путь к картинке можно получить через Special:FilePath
var imgSrc = mw.util.getUrl('Special:FilePath/' + linkText);

// Создаем тег картинки и заменяем им текст внутри ссылки
var $img = $('<img>', {
src: imgSrc,
alt: 'Баннер',
css: {
'max-width': '100%',
'height': 'auto',
'display': 'block',
'margin': '5px auto'
}
});
$link.empty().append($img);
}
});
}
});