[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Динамический список значений
wolfgang-abersdorf
Товарищи подскажите как при помощи jquery или просто ajax сделать текстовое поле с динамическим списком значений как это, например сделано на Яндексе
когда вводишь несколько букв и снизу появляется список подходящих вариантов для поиска.
user posted image
???



Спустя 3 минуты, 35 секунд (17.05.2009 - 16:05) jetistyum написал(а):
ну дк.. в том же яндексе
http://yandex.ru/yandsearch?text=jquery+se...ggestion&lr=187

Спустя 37 минут, 54 секунды (17.05.2009 - 16:43) wolfgang-abersdorf написал(а):
Тока мне надо чтоб справочник возможных значений из собственной бызы данных использовался

Спустя 12 минут, 56 секунд (17.05.2009 - 16:56) jetistyum написал(а):
тоесть ты ждешь что кто-то даст тебе ссылку с кодом, уже написанным именно под твою базу???

Спустя 36 минут, 3 секунды (17.05.2009 - 17:32) wolfgang-abersdorf написал(а):
нет я жду что мне дадут пример с кодом , где данные берутся из какой-то базы

Спустя 40 минут, 32 секунды (17.05.2009 - 18:13) jetistyum написал(а):
я тебе дал ссылку на поиск... нажми и ты увидишь десятки примеров с кодом.... ссылки на конкретные плагины под jQuery

Спустя 12 часов, 19 минут, 59 секунд (18.05.2009 - 06:33) wolfgang-abersdorf написал(а):
jetistyum Спасибо. Нашел подходящий плагин.Как раз с примером работы с конкретной базой данных.
Кому нужно пожалуйста - Apple plugin

Спустя 5 часов, 16 минут, 12 секунд (18.05.2009 - 11:49) glock18 написал(а):
Есть плагин jquery.autocomplete. Очень простой, как все в jquery, и достаточно гибкий.

Спустя 8 дней, 22 часа, 9 минут, 35 секунд (27.05.2009 - 09:58) wolfgang-abersdorf написал(а):
Кстати может кто дать пример как работает этот скрипт jquery.autocomplete.
Ато чето у меня ничего не выводится

Сделал так:
index.php
HTML
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>

<input id="example" type="text" />

<script type="text/javascript">
$(document).ready(function(){
// --- Автозаполнение2 ---
$("#example").autocomplete("autocomplete.php", {
delay:10,
minChars:2,
matchSubset:1,
autoFill:true,
matchContains:1,
cacheLength:10,
selectFirst:true,
formatItem:liFormat,
maxItemsToShow:10,
onItemSelect:selectItem
});
// --- Автозаполнение2 ---
});
</script>

autocomplete.php
HTML
<?php
header("Content-type: text/plain; charset=utf-8");
if(!empty($_GET['q']))
{
print "Ok";
}
?>

Вот этой статьей воспользовался
http://www.linkexchanger.su/2008/39.html
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.