Использование autocomplete

 
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1035
Подскажите пожалуйста, как можно использовать плагин autocomplete по аналогии с тем как он используется в тегах? Чтобы не изобретать велосипед заново)
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1035
Вопрос снимаю, разобрался. Люблю эту систему за ее гибкость))
Реклама
cms
Посетитель
small user social cms
МедальАвторитет форумаПочетный донор проекта
Сообщений: 1356
Rossoman:

Вопрос снимаю, разобрался. Люблю эту систему за ее гибкость))

Так желательно бы расписать как и закрыть тему, чтоб другим проще было найти не создавая новую тему.
Фриланс по Intantcms 1 и 2 версий.Писать в ЛС. Отзывы заказчиков
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1035
вставляем на страницу
Код PHP:
  1.  
  2. $inPage->initAutocomplete();
  3. $autocomplete_js = $inPage->getAutocompleteJS('brandssearch', 'title'); //особо в этой функции не разбирался, подставил первое что пришло в голову, заработал))
  4. // brandssearch - название файла в core/ajax, который получает значения для автозаполнения,
  5. // title - название поля в БД из которого мы тянем нужные значения
  6.  
Далее соответственно создаем поле input в нужном месте и прописываем в нем autocomplete="off"
Создаем в core/ajax файл, который будет обрабатывать вводимое значение и выбирать подходящие записи для автоподстановки. Создем его по аналогии с файлом tagsearch.php, только запрос к БД изменяем на нужный нам.
Не забываем на нужной нам странице подключить сам скрипт плагина и файл стилей, у меня это так
Код PHP:
  1.  
  2. <link href="/includes/jquery/autocomplete/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
  3. <script type="text/javascript" src="/includes/jquery/autocomplete/jquery.autocomplete.min.js"></script>
  4.  
Ну и осталось только инициализировать плагин:
Код PHP:
  1.  
  2. <script>
  3.  
  4. $("#brands").autocomplete({
  5. url: "/core/ajax/brandssearch.php",
  6. useDelimiter: true,
  7. queryParamName: "q",
  8. lineSeparator: "\n",
  9. cellSeparator: "|",
  10. minChars: 2,
  11. maxItemsToShow: 10,
  12. delay: 400
  13. }
  14. );
  15.  
  16. </script>
  17.  
вроде все)
Редактировалось: 1 раз (Последний: 2 декабря 2013 в 10:01)
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.