Онлайн-руководство разработчика NetCat
Новогодние скидки до 25%!
Подробнее
Модуль «Поиск по сайту» 12.2.1Начало работы с модулем 12.2.2Язык запросов 12.2.3Способы хранения индекса 12.2.4Интерфейс модуля в панели управления сайтом 12.2.5Области индексирования 12.2.6Области HTML-страниц 12.2.7Области поиска на сайте 12.2.8Индексирование по расписанию, запуск индексирования в фоновом режиме 12.2.9Правила индексирования 12.2.10Постановка задачи переиндексирования в очередь 12.2.11Интеграция модуля в макеты дизайна сайта 12.2.12Простая форма поиска 12.2.13Расширенная форма поиска 12.2.14Вывод результатов поиска 12.2.15Стилизация списка подсказок 12.2.16Расширенные настройки 12.2.17Разработка расширений модуля 12.2.18Обзор архитектуры модуля 12.2.19Обработчики документов различных типов 12.2.20Текстовые фильтры 12.2.21Анализаторы текста 12.2.22Корректировщики запросов 12.2.23Подключение других поисковых систем 12.2.24Решение проблем с поиском 12.2.25Решение проблем с индексированием 12.2.26Справочник API

Стилизация списка подсказок

Выпадающий список подсказок (с заголовками страниц или запросами, подходящими под введённый пользователем запрос) выводится при помощи библиотеки jQuery UI (компонент «Autocomplete»), поэтому для работы такого списка на странице должен быть подключен скрипт jQuery.

Об описании процесса стилизация списка подсказок можно прочитать на странице документации jQuery UI:
http://jqueryui.com/demos/autocomplete/#theming.

Базовый набор CSS-стилей, необходимый для корректной работы выпадающего списка, имеется в файле:
/netcat/modules/search/suggest/autocomplete.css

Рекомендуется включить содержимое этого файла в набор стилей вашего сайта.

Структура выпадающего списка следующая:

<ul class="ui-autocomplete">
    <li class="ui-menu-item"><a>Элемент 1</a></li>
    <li class="ui-menu-item"><a>Элемент 2</a></li>
    …
</ul>
Описание проекта