Помогите с живым поиском AJAX на PHP и MYSQL!

Question

я пытаюсь создать Ajax-поиск в реальном времени для моего веб-сайта.В настоящее время я могу запрашивать заголовки в базе данных и отображать их в разделе "Мой поиск" (см. рис. 1.0), однако мне нужно сделать их выбираемыми, чтобы при их выборе вводилось значение для этого заголовка, очень похожее на поиск в wikipdia Поиск в Википедии.Пример википедии - это в основном то, что я ищу.Любая помощь была бы большой.

Спасибо, КХЛ ВЕЛИКОБРИТАНИЯ

Мой поиск до сих пор http://www.webquark.co.uk/Search.bmp

Рис. 1.0

код:Поиск в базе данных PHP

    <?

  // Get value coming from request
  $search = mysql_real_escape_string ($_GET['search']);


  // Connect to DB
  mysql_connect("localhost", "****", "****") or die(mysql_error()) ;
mysql_select_db("*****") or die(mysql_error()) ;
 $result = mysql_query("SELECT * FROM dbArticle WHERE title LIKE '%$search%' OR type LIKE '%$search%'  OR username LIKE '%$search%'");
  while($row = mysql_fetch_array($result))
  // Check if name exists in table
  if (!empty($row['title'])) {
  echo "".$row['title']."<br />";}
  if (!empty($row['type'])) {
  echo "".$row['type']."<br />";}
  if (!empty($row['username'])) {
  echo "".$row['username']."<br />";}
   //Close connection
  mysql_close();


?>

КОД: Поисковый ввод PHP

<div id="navSearch">
  <form method="post" action="index.php?pageContent=search">
  <li><input type="text" maxlength="30" size="22" name="search" onkeyup="send_requestSearch(this);"/> </li>
  <li><input type="submit" value="Search" name="submit"/></li>
  <div class="liveSearch" id="livesearch"></div>
  </form>

Если вам нужно посмотреть мой Javascript, дайте мне знать.

Answer 1

Элемент управления, который вы ищете, называется суггестором.Попробуйте поискать в Google "предложение ajax".Вы найдете несколько руководств о том, как это сделать.Вот один из них: Ссылка

Answer 2

Вероятно, вам нужно включить JavaScript для каждого возвращаемого результата поиска, чтобы с помощью OnClick он вводил свое значение во входной текст.Наличие элемента ввода текста, идентифицированного с id-свойство помогло бы немного настроить таргетинг на него.Я уверен, что вы сможете разобраться с остальным.Мне начал нравиться jQuery именно с такими задачами.

Вы также, вероятно, хотите получить результаты для использования правила CSS "cursor: pointer" чтобы это выглядело как кликабельный элемент.