Пользовательский интерфейс - Наложение встроенной справки
У меня есть клиент, который ищет встроенную справочную систему, аналогичную той, которую используют Facebook и Google для выделения изменений интерфейса.
Вот пример из UI Patterns: Jeff Atwood
Прежде чем я предложу собственное решение, мне действительно нужно выяснить, существуют ли какие-либо библиотеки или службы для этого. Я пробовал множество различных комбинаций ключевых слов в Stack Overflow и Google (среди прочих).
По сути, клиент хотел бы выбрать элемент интерфейса и предоставить некоторую дополнительную помощь, которую пользователь может отобразить, скажем, путем выбора значка справки рядом с элементом.
Кто-нибудь знает о существующей службе или раскрывающейся библиотеке?
3 ответа
Я использую ClueTip, он очень похож и работает на основе обычной семантики HTML. Страница документации не очень вдохновляет, но это, безусловно, не ограничивает использование вами плагина.
Что действительно здорово, так это то, что он хорошо сочетается с темами jQuery UI themeroller.
ClueTip - http://plugins.learningjquery.com/cluetip/
Демо-страница здесь - http://plugins.learningjquery.com/cluetip/demo/
Это немного похоже на плагин, но я создал Overlay101, который вызывает наложение встроенной справки, которым могут управлять не разработчики. Я думаю, что это гораздо проще, чем поддерживать расширение jquery.
Вы можете выделить элементы на основе селекторов id или css. После того, как JavaScript был добавлен на вашу страницу, вы можете в значительной степени передать его тому, кто напишет текст справки.
Я использую SimpleTip. Он основан на JQuery и позволяет отображать произвольный HTML-код в оверлее (хотя демонстрационные версии на веб-сайте разработчика не отображают изображения или необычное форматирование), а код достаточно прост для настройки, если вам нужно внести изменения.