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

Gardolir в 13:36, 12 июля 2025

2025-07-12T13:36:40Z

← Предыдущая версия		Версия от 16:36, 12 июля 2025
Строка 2:		Строка 2:
	/**		/**
	* Функция, которая находит якорь в URL, ищет соответствующий		* Функция, которая находит якорь в URL, ищет соответствующий
	* сворачиваемый блок и раскрывает его.		* сворачиваемый блок и раскрывает его, симулируя клик.
			* Версия 3.0 - Добавлена микро-задержка для синхронизации со скриптами MediaWiki.
	*/		*/
	function expandSectionFromHash() {		function expandSectionFromHash() {
	~~// Получаем якорь из URL (например, "Уровень_5")~~
	var hash = window.location.hash.substring(1);		var hash = window.location.hash.substring(1);
	if (!hash) {		if (!hash) {
	return; ~~// Выходим, если якоря нет~~		return;
	}		}

	~~// Декодируем якорь на случай, если он содержит кириллицу~~
	var decodedHash = decodeURIComponent(hash);		var decodedHash = decodeURIComponent(hash);

	~~// Ищем элемент-якорь на странице~~
	var $targetAnchor = $('#' + $.escapeSelector(decodedHash));		var $targetAnchor = $('#' + $.escapeSelector(decodedHash));
	if (!$targetAnchor.length) {		if (!$targetAnchor.length) {
	return; ~~// Выходим, если якорь не найден~~		return;
	}		}

	~~// Находим блок для раскрытия (родитель якоря, а затем следующий блок)~~
	var $collapsibleBlock = $targetAnchor.closest('.visually-hidden').next('.collapsible-block');		var $collapsibleBlock = $targetAnchor.closest('.visually-hidden').next('.collapsible-block');

	if ($collapsibleBlock.length) {		if ($collapsibleBlock.length) {
	~~// Находим внутри него сам сворачиваемый контент~~		var $header = $collapsibleBlock.find('.collapsible-header');
	var $collapsibleContent = $collapsibleBlock.find('.mw-collapsible');		var $collapsibleContent = $collapsibleBlock.find('.mw-collapsible');

	// ~~Если~~ блок свёрнут~~, раскрываем его~~		// Раскрываем блок, только если он действительно свёрнут
	if ($collapsibleContent.hasClass('mw-collapsed')) {		if ($collapsibleContent.hasClass('mw-collapsed')) {
	$~~collapsibleContent~~.~~removeClass~~('~~mw-collapsed~~');		// Используем минимальную задержку, чтобы скрипт MediaWiki
	~~$collapsibleContent.attr('aria-expanded'~~, ~~'true'~~);		// успел "повесить" свой обработчик клика на элемент.
			setTimeout(function() {
			$header.trigger('click');
			}, 50); // 50 миллисекунд - незаметно для глаза, но достаточно для техники.
	}		}
	}		}
	}		}

	// 1. Выполняем функцию при первоначальной загрузке страницы		// Выполняем функцию при первоначальной загрузке страницы
	~~// Мы ждём хук 'wikipage.content', чтобы убедиться, что контент точно на месте~~
	mw.hook('wikipage.content').add(expandSectionFromHash);		mw.hook('wikipage.content').add(expandSectionFromHash);

	// 2. Выполняем ТУ ЖЕ САМУЮ функцию каждый раз, когда меняется якорь в URL		// Выполняем ТУ ЖЕ САМУЮ функцию каждый раз, когда меняется якорь в URL
	~~// (например, при клике на ссылку в содержании)~~
	$(window).on('hashchange', expandSectionFromHash);		$(window).on('hashchange', expandSectionFromHash);
	});		});

Gardolir в 13:33, 12 июля 2025

2025-07-12T13:33:52Z

← Предыдущая версия		Версия от 16:33, 12 июля 2025
Строка 1:		Строка 1:
	/**		jQuery(function($) {
	* ~~Этот скрипт автоматически разворачивает сворачиваемый блок (.collapsible-block)~~,		/**
	* ~~если пользователь переходит на страницу по ссылке с якорем (#).~~		* Функция, которая находит якорь в URL, ищет соответствующий
	* Версия 2.1 - Добавлено декодирование кириллических и ~~других символов в якоре~~.		* сворачиваемый блок и раскрывает его.
	*/		*/
	~~mw.hook('wikipage.content').add(~~function(~~$content~~) {		function expandSectionFromHash() {
	// Получаем якорь из URL (например, "~~%D0%A3%D1%80%D0%BE%D0%B2%D0%B5%D0%BD%D1%8C_5~~")		// Получаем якорь из URL (например, "Уровень_5")
	var hash = window.location.hash.substring(1);		var hash = window.location.hash.substring(1);
	if (!hash) {		if (!hash) {
	return; // Выходим, если якоря нет		return; // Выходим, если якоря нет
	}		}

	~~// --- КЛЮЧЕВОЕ ИЗМЕНЕНИЕ ---~~		// Декодируем якорь на случай, если он содержит кириллицу
	// Декодируем якорь, ~~чтобы превратить "%D0%A3..." обратно в "Уровень_5"~~		var decodedHash = decodeURIComponent(hash);
	var decodedHash = decodeURIComponent(hash);
			// Ищем элемент-якорь на странице
	// ~~Находим~~ на странице ~~элемент с РАСШИФРОВАННЫМ ID~~		var $targetAnchor = $('#' + $.escapeSelector(decodedHash));
	var $targetAnchor = $~~content.find~~('#' + $.escapeSelector(decodedHash));		if (!$targetAnchor.length) {
	if (!$targetAnchor.length) {		return; // Выходим, если якорь не найден
	return; // Выходим, если якорь не найден		}
	}

	// Находим блок для раскрытия.		// Находим блок для раскрытия (родитель якоря, а затем следующий блок)
	~~// Логика: ищем родителя нашего~~ якоря ~~(.visually-hidden~~)		var $collapsibleBlock = $targetAnchor.closest('.visually-hidden').next('.collapsible-block');
	~~// и берём СЛЕДУЮЩИЙ за ним элемент .collapsible-block.~~
	var $collapsibleBlock = $targetAnchor.closest('.visually-hidden').next('.collapsible-block');

	if ($collapsibleBlock.length) {		if ($collapsibleBlock.length) {
	// Находим внутри него сам сворачиваемый контент		// Находим внутри него сам сворачиваемый контент
	var $collapsibleContent = $collapsibleBlock.find('.mw-collapsible~~');~~		var $collapsibleContent = $collapsibleBlock.find('.mw-collapsible');

	~~// Прямым образом удаляем класс, который его скрывает.~~
	~~if ($collapsibleContent.hasClass('mw-collapsed')) {~~
	~~$collapsibleContent.removeClass('mw-collapsed~~');

	// ~~Также обновляем атрибут доступности для скринридеров~~		// Если блок свёрнут, раскрываем его
	$collapsibleContent.attr('aria-expanded', 'true');		if ($collapsibleContent.hasClass('mw-collapsed')) {
			$collapsibleContent.removeClass('mw-collapsed');
			$collapsibleContent.attr('aria-expanded', 'true');
			}
	}		}
	}		}

			// 1. Выполняем функцию при первоначальной загрузке страницы
			// Мы ждём хук 'wikipage.content', чтобы убедиться, что контент точно на месте
			mw.hook('wikipage.content').add(expandSectionFromHash);

			// 2. Выполняем ТУ ЖЕ САМУЮ функцию каждый раз, когда меняется якорь в URL
			// (например, при клике на ссылку в содержании)
			$(window).on('hashchange', expandSectionFromHash);
	});		});

Gardolir в 13:31, 12 июля 2025

2025-07-12T13:31:07Z

← Предыдущая версия		Версия от 16:31, 12 июля 2025
Строка 2:		Строка 2:
	* Этот скрипт автоматически разворачивает сворачиваемый блок (.collapsible-block),		* Этот скрипт автоматически разворачивает сворачиваемый блок (.collapsible-block),
	* если пользователь переходит на страницу по ссылке с якорем (#).		* если пользователь переходит на страницу по ссылке с якорем (#).
	* Версия 2.0 - ~~Использует прямое изменение класса для большей надёжности~~.		* Версия 2.1 - Добавлено декодирование кириллических и других символов в якоре.
	*/		*/
	mw.hook('wikipage.content').add(function($content) {		mw.hook('wikipage.content').add(function($content) {
	// Получаем якорь из URL (например, "~~Уровень_1~~")~~, если он есть~~		// Получаем якорь из URL (например, "%D0%A3%D1%80%D0%BE%D0%B2%D0%B5%D0%BD%D1%8C_5")
	var hash = window.location.hash.substring(1);		var hash = window.location.hash.substring(1);
	~~console.log(hash );~~

	if (!hash) {		if (!hash) {
	return; // Выходим, если якоря нет		return; // Выходим, если якоря нет
	}		}

	// Находим на странице элемент с ~~таким~~ ID ~~(это наш скрытый заголовок)~~		// --- КЛЮЧЕВОЕ ИЗМЕНЕНИЕ ---
	var $targetAnchor = $content.find('#' + $.escapeSelector(~~hash~~));		// Декодируем якорь, чтобы превратить "%D0%A3..." обратно в "Уровень_5"
			var decodedHash = decodeURIComponent(hash);

			// Находим на странице элемент с РАСШИФРОВАННЫМ ID
			var $targetAnchor = $content.find('#' + $.escapeSelector(decodedHash));
	if (!$targetAnchor.length) {		if (!$targetAnchor.length) {
	return; // Выходим, если якорь не найден		return; // Выходим, если якорь не найден
	}		}
	~~console.log($targetAnchor);~~

	// Находим блок для раскрытия.		// Находим блок для раскрытия.
Строка 25:		Строка 26:
	var $collapsibleBlock = $targetAnchor.closest('.visually-hidden').next('.collapsible-block');		var $collapsibleBlock = $targetAnchor.closest('.visually-hidden').next('.collapsible-block');

	~~// Если блок найден...~~
	if ($collapsibleBlock.length) {		if ($collapsibleBlock.length) {
	// Находим внутри него сам сворачиваемый контент		// Находим внутри него сам сворачиваемый контент
Строка 31:		Строка 31:

	// Прямым образом удаляем класс, который его скрывает.		// Прямым образом удаляем класс, который его скрывает.
	~~// Это надёжнее, чем симулировать клик.~~
	if ($collapsibleContent.hasClass('mw-collapsed')) {		if ($collapsibleContent.hasClass('mw-collapsed')) {
	$collapsibleContent.removeClass('mw-collapsed');		$collapsibleContent.removeClass('mw-collapsed');

Gardolir в 13:29, 12 июля 2025

2025-07-12T13:29:44Z

← Предыдущая версия		Версия от 16:29, 12 июля 2025
Строка 7:		Строка 7:
	// Получаем якорь из URL (например, "Уровень_1"), если он есть		// Получаем якорь из URL (например, "Уровень_1"), если он есть
	var hash = window.location.hash.substring(1);		var hash = window.location.hash.substring(1);
			console.log(hash );

	if (!hash) {		if (!hash) {
	return; // Выходим, если якоря нет		return; // Выходим, если якоря нет

Gardolir в 13:29, 12 июля 2025

2025-07-12T13:29:15Z

← Предыдущая версия		Версия от 16:29, 12 июля 2025
Строка 16:		Строка 16:
	return; // Выходим, если якорь не найден		return; // Выходим, если якорь не найден
	}		}
			console.log($targetAnchor);

	// Находим блок для раскрытия.		// Находим блок для раскрытия.

Gardolir в 13:27, 12 июля 2025

2025-07-12T13:27:41Z

← Предыдущая версия		Версия от 16:27, 12 июля 2025
Строка 1:		Строка 1:
	~~/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */~~
	/**		/**
	* ~~Автоматически~~ разворачивает сворачиваемый блок (.collapsible-block),		* Этот скрипт автоматически разворачивает сворачиваемый блок (.collapsible-block),
	* если пользователь переходит на страницу по ссылке с якорем (#).		* если пользователь переходит на страницу по ссылке с якорем (#).
			* Версия 2.0 - Использует прямое изменение класса для большей надёжности.
	*/		*/
	mw.hook('wikipage.content').add(function($content) {		mw.hook('wikipage.content').add(function($content) {
	// Получаем якорь из URL		// Получаем якорь из URL (например, "Уровень_1"), если он есть
	var hash = window.location.hash.substring(1);		var hash = window.location.hash.substring(1);
	~~console.log~~(hash);		if (!hash) {
			return; // Выходим, если якоря нет
			}

	~~if (hash) {~~		// Находим на странице элемент с таким ID (это наш скрытый заголовок)
	// Находим ~~элемент-якорь~~ на странице		var $targetAnchor = $content.find('#' + $.escapeSelector(hash));
	var $targetAnchor = $content.find('#' + $.escapeSelector(hash));		if (!$targetAnchor.length) {
			return; // Выходим, если якорь не найден
			}

	if (~~$targetAnchor~~.~~length~~) {		// Находим блок для раскрытия.
	// ~~Находим ПЕРВЫЙ~~ СЛЕДУЮЩИЙ ~~блок с классом~~ .collapsible-block		// Логика: ищем родителя нашего якоря (.visually-hidden)
	var $collapsibleBlock = $targetAnchor.~~nextAll~~('.collapsible-block~~:first~~');		// и берём СЛЕДУЮЩИЙ за ним элемент .collapsible-block.
			var $collapsibleBlock = $targetAnchor.closest('.visually-hidden').next('.collapsible-block');

	if ($collapsibleBlock.length) {		// Если блок найден...
	// Находим ~~его заголовок и симулируем клик для раскрытия~~		if ($collapsibleBlock.length) {
	var $~~header~~ = $collapsibleBlock.find('.collapsible-~~header~~');		// Находим внутри него сам сворачиваемый контент
	$~~header~~.~~trigger~~('~~click~~');		var $collapsibleContent = $collapsibleBlock.find('.mw-collapsible');
	}
			// Прямым образом удаляем класс, который его скрывает.
			// Это надёжнее, чем симулировать клик.
			if ($collapsibleContent.hasClass('mw-collapsed')) {
			$collapsibleContent.removeClass('mw-collapsed');

			// Также обновляем атрибут доступности для скринридеров
			$collapsibleContent.attr('aria-expanded', 'true');
	}		}
	}		}
	});		});

Gardolir в 13:26, 12 июля 2025

2025-07-12T13:26:45Z

← Предыдущая версия		Версия от 16:26, 12 июля 2025
Строка 7:		Строка 7:
	// Получаем якорь из URL		// Получаем якорь из URL
	var hash = window.location.hash.substring(1);		var hash = window.location.hash.substring(1);
			console.log(hash);

	if (hash) {		if (hash) {

Gardolir: Новая страница: «/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */ /** * Автоматически разворачивает сворачиваемый блок (.collapsible-block), * если пользователь переходит на страницу по ссылке с якорем (#). */ mw.hook('wikipage.content').add(function($co...»

2025-07-12T13:24:57Z

Новая страница: «Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице: * * Автоматически разворачивает сворачиваемый блок (.collapsible-block), * если пользователь переходит на страницу по ссылке с якорем (#).: mw.hook('wikipage.content').add(function($co...»

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

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */
/**
* Автоматически разворачивает сворачиваемый блок (.collapsible-block),
* если пользователь переходит на страницу по ссылке с якорем (#).
*/
mw.hook('wikipage.content').add(function($content) {
// Получаем якорь из URL
var hash = window.location.hash.substring(1);

if (hash) {
// Находим элемент-якорь на странице
var $targetAnchor = $content.find('#' + $.escapeSelector(hash));

if ($targetAnchor.length) {
// Находим ПЕРВЫЙ СЛЕДУЮЩИЙ блок с классом .collapsible-block
var $collapsibleBlock = $targetAnchor.nextAll('.collapsible-block:first');

if ($collapsibleBlock.length) {
// Находим его заголовок и симулируем клик для раскрытия
var $header = $collapsibleBlock.find('.collapsible-header');
$header.trigger('click');
}
}
}
});