dev

ReferencePopups — це повторна реалізація спливаючого гаджета довідкового вікна Вікіпедії, функції, яка дозволяє наводити курсор на цитату та переглядати вміст посилання у плаваючому полі. Очевидна перевага цього полягає в тому, що ви можете переглядати посилання в situ (в положенні), не прокручуючи донизу або клацаючи цитату і втрачаючи своє місце в статті. Подивитися демонстрацію можна тут.

Цей гаджет включає інтелектуальне підбору колірної схеми, тому він намагатиметься автоматично вписатися в колірну схему вікі, не вимагаючи користувацького CSS для виправлення. Це робиться за допомогою кольорів із Special:ThemeDesigner; якщо ви змінили кольори вікі за допомогою CSS замість ThemeDesigner, це може не працювати належним чином.

Installation

Примітки, що використовуються

Спливаючі вікна можна налаштувати за допомогою вбудованого інтерфейсу користувача. Ви можете ініціювати їх натисканням замість наведення курсора, налаштувати затримку наведення та вмикати та вимикати анімацію. Також можна повністю вимкнути їх для кожного користувача для окремих користувачів, які цього не хочуть.

Коли спливаючі вікна вимкнено, у кінці статті, трохи нижче категорій, є посилання, яке можна натиснути, щоб знову відкрити інтерфейс конфігурації, щоб увімкнути їх пізніше.

Швидка довідка щодо налаштування

У конфігурації спливаючого вікна доступні такі параметри:

Конфігурація адміністратора

Адміністратори можуть видалити посилання на конфігурацію гаджета зі своєї вікі, перевівши довідкові спливаючі вікна в режим «блокування». Це змусить спливаючі вікна залишатися активними та вилучить посилання на конфігурацію з кінця статті, але не з самого спливаючого вікна.

Щоб увімкнути блокування, просто додайте це до MediaWiki:Common.js над вищезгаданого імпорту:

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

Ви також можете змінити параметри за замовчуванням для нових користувачів. Ви можете вимкнути анімацію за замовчуванням за допомогою:

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

Спеціальні спливаючі вікна

Компонент спливаючого вікна цього скрипту повністю можна використовувати повторно, і його можна переназначити для відображення всього, що ви хочете, а також посилань. Заздалегідь набір скриптів і шаблонів надається, якщо ви просто хочете щось додати та використати. Крім того, якщо ви здатні написати свій власний JavaScript, ви можете замість цього кодувати напряму проти спливаючих вікон, щоб робити такі речі, як новий вміст AJAX, і відображати його у спливаючому вікні під час взаємодії з певними елементами.

Щоб використовувати спеціальні спливаючі вікна, вам потрібно імпортувати скрипт спеціального спливаючого вікна:

dev:ReferencePopups/custom.js

І вам потрібно буде скопіювати ці 2 шаблони у вашу вікі, щоб використовувати скрипт:

Шаблони описують, як їх використовувати.

Важливо зауважити, що користувацький скрипт спливаючого вікна використовуватиме конфігурацію ReferencePopup користувача, навіть якщо значок шестерінки не відображається в користувацьких скриптах. Це означає, що якщо спливаюче вікно знаходиться в режимі клацання, то приєднання спливаючих вікон до елементів сторінки, які вже мають власні скрипті, може мати дивні наслідки. На відміну від звичайних спливаючих вікон, користувацькі вікна «ніколи» не залишаються «липкими» і їх не можна вимкнути.

Ви також можете створювати власні скіни для власних спливаючих вікон. Приклад цього є на демонстраційній сторінці, ви можете побачити CSS для цього тут.