Ayuda con un PHP y MySQL AJAX búsqueda viva!

Question

Estoy tratando de crear una búsqueda Ajax en vivo para mi página web. Yo actualmente pueden consultar la base de datos de títulos y mostrarlos bajo mi búsqueda (Ver figura 1.0), sin embargo tengo que hacerlos seleccionable de modo que cuando se hace seleccionarlos, se establecerá el valor de entrada a ese título, muy parecido en la búsqueda wikipdia Wikipedia Search . El ejemplo wikipedia es básicamente lo que yo estoy buscando. Cualquier ayuda sería grande.

Gracias, CHL Reino Unido

mi búsqueda hasta ahora http://www.webquark.co.uk/Search.bmp

Fig 1.0

CÓDIGO: buscar PHP DB

    <?

  // 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();


?>

CÓDIGO: PHP Búsqueda de entrada

<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>

Si necesita ver a mi Javascript que me haga saber.

Answer 1

El control que está buscando se llama una suggester. Prueba a buscar en Google de "sugerencia Ajax". Va a encontrar algunos tutoriales sobre cómo hacerlo. Aquí hay una: enlace

Answer 2

Es probable que tenga que hacer de cada resultado de la búsqueda devueltos JavaScript habilitado de manera que con un OnClick que llena su valor en el texto de entrada. Teniendo el elemento de entrada de texto identificados con un id-propiedad sería ayudar a la orientación que sea un poco. Estoy seguro de que se puede averiguar el resto. He empezado a como jQuery con exactamente este tipo de tareas.

También probablemente querrá tener los resultados para que la regla CSS "cursor: pointer" para que se vea como un elemento puede hacer clic.