Автозаполнение

Пока пытался сам изучить - сто раз убился головой об стенку! Сколько сайтов не перепробовал с обучением этой штуке - нигде ничего нормального нет.
Суть вот в чём: мне нужно автозаполнить из како-го то поля таблицы бд,
везде пишут описание первого файла где сама форма, которую надо автозаполнить. А мне нужно знать(сам никак не допираю), что должно быть во 2 файле, который выгружает из бд.
Хотябы скажите конструкцию, а как подставить значения из базы данных я сам разберусь.
Вот что я использую в первом файле:

молодой человек - я написал вам способ не хуже этого, попытайтесь разобраться в нем.
нужно подключить всего лишь один скрипт - jquery

Я додумался до решения. См. ту тему) http://forum.php.su/topic.php?forum=1&topic=6012&postid=1295549822#1295549822

(Отредактировано автором: 20 Января, 2011 - 21:25:47)

Давайте попробую написать как это я делаю.
У меня есть библиотека iQuery для автозаполнения которая в прикреплённом файле.
Брал отсюда http://www[dot]devbridge[dot]com/project[dot][dot][dot]complete/jquery/

Front end. (страница для пользователя)
Подгружаете библиотеку к странице стандартным кодом:
<script type="text/javascript" src="js/jquery.autocomplete.js"></script>

Сразу после этого добавляем функцию автозаполнения для поля ввода:
$(document).ready(function() {
$('#input_text').autocomplete({
serviceUrl:'2.php',//скрипт выдающий список подсказок для автозаполнения
minChars:2, //количество символов введённых пользователем при которых начинается автозаполнение
width: 300, //ширина поля для вивода предлагаемых результатов автозаполнения
highlight: false, //запретить подсветку букв совпадающих с введёнными
onSelect: function(value, data){ document.forms['input_form'].submit(); } //функция выполняющаяся при выборе пользователем одного из предложеных вариантов
});
});

И на этой же странице организуем форму для ввода данных:
<form name="input_form" id="input_form" action="" method="POST" >
<input id="input_text" type="text" size="50" value="" autocomplete="off">
</form>

Подключаем к этой странице стили для дива с подказками:
.autocomplete-w1 {
font: 90% Verdana, Arial, Helvetica, sans-serif;
background:url(img/shadow.png) no-repeat bottom right;
position:absolute;
top:0px;
left:0px;
margin:6px 0 0 6px; /* IE6 fix: */
_background:none;
_margin:1px 0 0 0; }
.autocomplete {
font: 90% Verdana, Arial, Helvetica, sans-serif;
border:1px solid #999;
background:#FFF;
cursor:default;
text-align:left;
max-height:350px;
overflow:auto;
margin:-6px 6px 6px -6px; /* IE6 specific: */
_height:350px;
_margin:0;
_overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


Back end. (скрипт дающий данные для автозаполнения)
У вас он называется 2.php
При каждом вводе пользователем символов в поле "input_text" посылается на скрипт 2.php GET-запрос с переменной query имеющей значение введённого текста пользователем. Скрипт 2.php должен ответить списком предлагаемых вариантов для заполнения в формате json.
Структура 2.php примерно такая:
1. Подключаемся к базе данных.
2. Обрабатываем пришедшую переменную $_GET['query'] в соответствии с нормами безопасности (вырезаем теги, обрезаем лишние пробелы, используем mysql_real_escape_string() и т.д.)
3. Делаем запрос к базе с выборкой данных совпадающих с обработаным $_GET['query']
$rs = mysql_query("SELECT ........",$link);
4. Возвращаем выбраные данные примерно так:
$rs_cnt = mysql_num_rows($rs);

$json_str="{query:'".$query_text."',suggestions:[";
for($i=0;$i<$rs_cnt;$i++) {
if ($i==0) $json_str.="'".mysql_result($rs,$i,'поле таблицы с данными для автозаполнения')."'";
else $json_str.=",'".mysql_result($rs,$i,'поле таблицы с данными для автозаполнения')."'";
}
$json_str.="]}";
echo $json_str;


Ну вот и всё, у меня так работает.

(Отредактировано автором: 22 Января, 2011 - 13:53:53)

-----
Человек, сделавший синтаксический анализатор PHP на одном регулярном выражении, займет достойное место среди гениев.
Качественный хостинг по доступной цене

Dazar Процесс реализации поставленной задачи автозаполненеия целевого элемента формы может быть осуществлен на основе различных способов - как предполагаемого словаря допустимых словосочетаний - так и применения эвристического алгоритма позволяющего включать целевые отображаемые формы на основе поиска однокореннных слов в результате разбора алгоритмом стеммера портера

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Я прошу прощения, но что то не могу сообразить.. а как же сделать такой вариант, когда необходимо дать возможность вписать несколько вариантов через запятую?

Попробовал так:

Собственно вопрос больше в том, что именно содержится в параметре "query" массива _GET, в тот момент, когда один из вариантов подстановки уже был выбран?

вопрос снят

Для осуществления корректного размещения множества параметров поиска в информационном поле БД ассоциированном с вариантами установки автозаполнения - необходимо осуществить предварительную модификацию уровня трактования элементов включенных в запрос относительно синтаксиса операции LIKE

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Очень подробно и красиво расписали. Супер.
Но есть вопрос. Как я не искал автозаполнение, но все в подобной форме как Вы описали.

А если мне нужно что бы при вводе текста в первое поле, этот же текст синхронно появлялся и во втором поле. Как это сделать ?? Подскажите пожалуйста. Уже все перерыл. Понимаю, что возможно как то можно переделать тот пример что расписали Вы, но как именно не знаю. Такая мелочь казалось бы, но что-то не дается мне никак.
Заранее благодарю )

-----
Шта? Репозиторий?

Господа, последняя надежда на вас.
Встроил все как описано здесь, а также так как тут
http://www[dot]youtube[dot]com/watch?v=E[dot][dot][dot]=player_embedded
и тут http://vremenno[dot]net/js/autocompl[dot][dot][dot]sing-javascript/ (jQuery версия)
а также перечитал практически всю выдачу,
также пробовал бегать с бубном вокруг компа, но ничего не помогает.

код на странице html:

itexy я не вижу в вашем php-коде чтобы вы обратно отправляли json!?

Вместо того чтобы читать говносайты(уж извините) пройдите сюда http://jqueryui[dot]com/demos/autoco[dot][dot][dot]emote-with-cache и увидите правильное построение кода для вашей задачи.

-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

Viper спасибо за ссылку.
Проблема была в том, что скрипт не находил где находится файл с php кодом выбора значений из баз данных.

в этой строке