AJAX PHPとMySQLのLive Searchのヘルプ！

Question

私は私のウェブサイトのためのAjaxライブ検索を作成しようとしています。私は現在のタイトルのためにデータベースを照会し、私の検索の下でそれらを表示することができますしかし、私はあなたがそれらを選択し実行するとき、それはそのタイトルへの入力値を設定するように、それらを選択可能にする必要があり、非常に多くのようなwikipdia検索に（図1.0を参照してください） ウィキペディア検索する。 Wikipediaの例では、私が探しています何basiclyです。すべてのヘルプは素晴らしいことです。

おかげで、 CHL英国

これまでhttp://www.webquark.co.uk/Search.bmp

マイ検索の

図1.0

CODE：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();


?>

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

あなたが探している制御が提案者と呼ばれています。 「AJAXの提案」をGoogleを検索してみてください。あなたはそれを行う方法についてのいくつかのチュートリアルがあります。ここでは1だ：リンクする

Answer 2

あなたはおそらく、クリック時に、それは入力テキストにその値を満たすようにJavaScript対応の各返された検索結果を作成する必要があります。 id-プロパティで識別されるテキスト入力要素を持つことは、それを少し標的に役立つだろう。私はあなたが残りを把握できることを確信しています。私は、タスクの正確これらの種類ではJQueryを好きに始めました。

また、おそらく、それがクリック可能なアイテムのように見えるようにCSSルール「cursor: pointer」を持つように結果を持っていると思います。