Как сделать одно из тех окон поиска на веб-странице, которая просматривает результаты поиска? - PullRequest
Новая
       14

Как сделать одно из тех окон поиска на веб-странице, которая просматривает результаты поиска?

0 голосов
/ 08 января 2010

Я занимаюсь разработкой веб-сайта, в котором поле поиска является частью стандартного шаблона страницы (аналогично тому, что вы видите в правом верхнем углу сайта SO). Я хочу динамически просматривать возможные совпадения с пользовательским вводом, подобно тому, что вы видите, когда начинаете вводить запрос на странице поиска google.com , в виде раскрывающегося списка, который появляется под окном поиска. Как ты это делаешь? Какая-то комбинация JavaScript / Ajax?

Ответы [ 2 ]

2 голосов
/ 08 января 2010

Существует популярный плагин jQuery для достижения этой цели. Проверьте документы .

1 голос
/ 08 января 2010

Вы можете использовать jQuery для этого, и, поскольку событие keyup (или связанное событие) запускается, вы можете отменить запрос к серверу или к локальной коллекции слов и показать все, что совпадает в div под окном. 

$("#searchbox").keyup(function(){
  $.post("suggestions.php", {data:$(this).val()}, function(response) {
    $("#suggestions").html(response).slideDown();
  }, "HTML");
}).blur(function(){
  $("#suggestions").slideUp();
});

/*
---------------------
| ph_               |
---------------------
| philanthropy      |
| photoshop         |
| PHP               |
---------------------
*/
...