WdsTooltips это простой скрипт, который манипулирует WDS Dropdowns для создания всплывающих подсказок, которые работают на компьютерах и телефонах. Для отображения подсказки на компьютере, наведите на текст, на телефонах — нажмите на него.
Installation
Подсказки можно использовать без JS, просто создайте шаблон с текстом ниже. Однако рекомендуется установка JS, поскольку это помогает изменить расположение подсказок в пространстве статей и исправить проблемы с "ленивой" загрузкой изображений.
Установка JS
Установка CSS
Установка шаблона
Examples
Кастомизация
В UCP WDS dropdown'ы используются в комбинации с WDS списками. Т.к. мы манипулируем dropdown'ами как подсказками, нам нужно сделать несколько фиксов. Детали о кастомизации и доступных WDS классах доступна на странице WdsTooltips/Кастомизация.
Примечание об использовании
WdsTooltips широко основан на WDS и MediaWiki. Таким образом, пользователи часто сталкиваются с проблемами при его настройке. WdsTooltips/Примечание об использовании предоставляет подробную информацию о таких случаях вместе с их устранением.
Доступность на телефонах
JavaScript не поддерживается на телефонах. В дополнение, функциональность подсказок немного отличается от работы на компьютерах. Чтобы предотвратить недоступность некоторых функций на телефонах, см. WdsTooltips/Доступность на телефонах.
Дисклеймер
Этот скрипт нацелен на вики, где необходима форматирование под мобильные устройства. Для простых текстовых подсказок, рекомендуем использовать CSS3Tooltip.
See also
- TippingOver - Расширение, схожее с Tooltips.js
- CSS3Tooltip - Плагин для подсказок, который использует только CSS
- Tooltips - Плагин для подсказок с продвинутой конфигурацией