dev

ReferencePopups — фэндомская реализация одного из гаджетов Википедии, позволяющего просматривать содержимое сноски по наведению на ее маркер. Это позволяет читать сноски прямо в контексте статьи без необходимости "прыгать" в самый ее конец. На работу скрипта можно посмотреть здесь.

Инструмент включает в себя гибкую цветовую схему для всплывающего окна, которая будет подстраиваться под тему вики автоматически, используя цвета из конструктора тем. При этом, если для дизайна был использован CSS, цветовая схема подсказки может не совпасть.

Installation

Примечания по использованию

Всплывающие окна настраиваются через встроенный пользовательский интерфейс. Можно настроить задержку перед показом окна, включить и выключить анимацию, а также указать способ активации — наведение курсора или клик по маркеру сноски. Кроме того, можно отключить скрипт для отдельных пользователей, которые не хотят его видеть.

Пока показ окон отключен, в конце статьи, ниже блока категорий, будет показываться ссылка, которой можно воспользоваться для открытия настроек.

Справка по настройке

Окно может быть настроено по следующим параметрам:

Настройки для администраторов

Администраторы могут перевести ReferencePopups в "заблокированный" режим. Это удалит ссылку с настройками со страницы, а также запретит выключать подсказки.

Для активации блокировки на страницу MediaWiki:Common.js необходимо вставить следующий код (перед строкой импорта скрипта!):

((window.dev = window.dev || {}).ReferencePopups = dev.ReferencePopups || {}).lockdown = true;

Также можно указать стандартные настройки. Например, это отключает анимацию:

((window.dev = window.dev || {}).ReferencePopups = dev.ReferencePopups || {}).defaults = { animate: false };

Пользовательские подсказки

Механизм всплывающего окна можно использовать для показа любого необходимого контента. Для этого создан дополнительный скрипт и несколько шаблонов. Импортируйте этот модуль на свою вики:

Чтобы добавить пользовательские подсказки, для начала импортируйте скрипт для кастомных подсказок:

dev:ReferencePopups/custom.js

А также скопируйте эти два шаблона:

На страницах шаблонов описано как их использовать.

Руководство по их использованию написано в их документации.

Всплывающее окно можно стилизовать. На этой странице можно увидеть пример редизайна, а на этой — код CSS, который дает такой эффект.