AJAX PHPとMYSQLライブ検索のヘルプ！

Question

私のウェブサイトのAjaxライブ検索を作成しようとしています。私は現在、データベースを検索して検索することができます（図1.0参照）。しかし、選択すると、そのタイトルに入力値が設定されるように選択する必要があります。これはwikipdia検索と非常によく似ていますWikipedia Search。ウィキペディアの例は基本的に私が探しているものです。どんな助けも素晴らしいだろう。

おかげで、 CHL英国

My Search so far 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

あなたが探しているコントロールは、suggesterと呼ばれています。 Googleに "ajax suggestion"を検索してみてください。それを行う方法についていくつかのチュートリアルがあります。 link

Answer 2

返された各検索結果をJavaScript対応にする必要があるため、OnClickを使用して入力テキストにその値を埋め込む必要があります。テキスト入力要素をidというプロパティで指定すると、それを少し目標にするのに役立ちます。私はあなたが残りを把握できると確信しています。私はJQueryのような仕事をしています。

CSSルール "cursor: pointer"をクリックしてクリック可能なアイテムに見えるようにすることもできます。