Добрый день уважаемые! Встала задача написать поиск по базе данных с приминением ajax. При вводе данных в поле input type="text" должен появляться выпадающий список с подходящими результатами. посмотреть работу такого решения можно на сайте vkontakte.ru или на скрине: перед началом работы над данным решением хотел бы поинтересоваться. Возможно кто-нибудь знает готовые фреймворки? Возможно кто-то уже пытался делать подобное? Возможно где-то описывался данный метод (его недостатки и приимущества). Короче говоря хочется быть максимально подкованным перед началом выполения задачи. Буду благодарен за любую инфу. Спасибо.
Ага а жалко, было удобно ) Ну если в лом самостоятельно через JS делать. Можно JQuery использовать... Там пара строчек буквально...
наверное я не в тот раздел тему запостил. (( сам ajax организовать рас плюнуть. вся загвоздка в css и браузерах, а точнее отображение контейнера с резульатами прокруткой. пока только ff ведет себя хорошо. самое главное сайт вкантакте отображает все нормально. буду изучать их css-код.
У меня на сайте такое стоит. Стащил отсюда: http://jetune.ru Если надо скину исходники, но там полюбому тебе придется самому разбираться...
ну разбираться всегда приходится )) был бы очень признателен если бы ты выслал исходники!! мыло: dandmitry собака мыло.ру
Вот что выходит: только ff правильно все отображает. остальные браузеры видимо игнорируют border при скроллинге и отображают список на 2px меньше по ширине. ( Код (Text): <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>dropdown</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> body { margin:0; } .input_cnt { margin:20px 0 0 20px; } input { border:1px solid #ccc; width: 200px; } .dropdown { overflow: auto; overflow-x: hidden; max-height: 150px; height: expression(this.scrollHeight > 150 ? '150px' : this.scrollHeight + "px"); border: 1px solid #C0CAD5; border-top: none; padding: 0px; width: 200px; } </style> </head> <body> <div class="input_cnt"> <input type="text" name="input" /> <div class="dropdown"> вася<br /> петя<br /> маша<br /> валя<br /> коля<br /> галя<br /> катя<br /> тихон<br /> иван<br /> игнат<br /> алексей<br /> никита<br /> киндрат </div> </div> </body> </html>