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

#1 2 декабря 2013 в 02:18
Подскажите пожалуйста, как можно использовать плагин autocomplete по аналогии с тем как он используется в тегах? Чтобы не изобретать велосипед заново)
#2 2 декабря 2013 в 02:50
Вопрос снимаю, разобрался. Люблю эту систему за ее гибкость))
#3 2 декабря 2013 в 06:19


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

Rossoman

Так желательно бы расписать как и закрыть тему, чтоб другим проще было найти не создавая новую тему.
#4 2 декабря 2013 в 09:56
вставляем на страницу
  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, только запрос к БД изменяем на нужный нам.
Не забываем на нужной нам странице подключить сам скрипт плагина и файл стилей, у меня это так
  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.  
Ну и осталось только инициализировать плагин:
  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.  
вроде все)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.