Aiuto con un AJAX PHP e MYSQL Live Search!

Question

sto provando a creare una ricerca Ajax dal vivo per il mio sito web. Io attualmente possibile interrogare il database per i titoli e li visualizza sotto la mia ricerca (vedi Fig 1.0), tuttavia ho bisogno di renderli selezionabili in modo che quando si fa selezionarle, imposterà il valore di ingresso per quel titolo, molto simile anche su Ricerca wikipdia Wikipedia Search . L'esempio wikipedia è fondamentalmente quello che sto cercando. Qualsiasi aiuto sarebbe grande.

Grazie, CHL UK

La mia ricerca finora http://www.webquark.co.uk/Search.bmp

Fig 1.0

Codice: PHP DB di ricerca

    <?

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


?>

Codice: PHP Ricerca ingresso

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

Se avete bisogno di vedere il mio Javascript me lo faccia sapere.

Answer 1

Il controllo che si sta cercando è chiamato suggester. Prova a cercare su Google per "suggerimento Ajax". Troverete un paio di tutorial su come farlo. Ecco uno: link

Answer 2

Probabilmente Hai bisogno di fare ogni risultato della ricerca restituito JavaScript abilitato in modo che con un OnClick si riempie il suo valore nel testo di input. Avendo l'elemento di testo-input identificato con un id-proprietà aiuterebbe bersaglia un po '. Sono sicuro che si può capire il resto. Ho iniziato a come JQuery con esattamente questi tipi di attività.

È anche probabilmente vogliono avere i risultati per avere la regola CSS "cursor: pointer" in modo che si presenta come un oggetto cliccabile.