1

私は自分のウェブサイトのAjaxライブ検索を作成しようとしています。現在、データベースでタイトルをクエリして検索結果に表示できます（図1.0を参照）が、ウィキペディア検索の場合と同様に、選択すると入力値がそのタイトルに設定されるように、タイトルを選択可能にする必要があります。ウィキペディア検索。ウィキペディアの例は基本的に私が探しているものです。どんな助けでも素晴らしいでしょう。

ありがとう、CHL UK

これまでの私の検索http://www.webquark.co.uk/Search.bmp

図1.0

コード：PHPDB検索

    <?

  // 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を見る必要がある場合は、私に知らせてください。

4

2 に答える 2

2

探しているコントロールはサジェスタと呼ばれます。「ajaxsuggestion」をグーグルで検索してみてください。あなたはそれを行う方法に関するいくつかのチュートリアルを見つけるでしょう。これが1つです：リンク

于 2009-02-28T16:20:23.690 に答える
0

おそらく、返された各検索結果をJavaScript対応にして、OnClickを使用してその値を入力テキストに入力する必要があります。text-input要素をid-propertyで識別しておくと、それを少しターゲットにするのに役立ちます。私はあなたが残りを理解できると確信しています。私はまさにこれらの種類のタスクでJQueryが好きになり始めました。

cursor: pointerまた、クリック可能なアイテムのように見えるように、CSSルール""を使用した結果が必要になる場合もあります。

于 2009-02-28T16:22:31.750 に答える