مساعدة في AJAX PHP و MySQL البحث المباشر!

Question

أحاول إنشاء بحث مباشر على موقع الويب الخاص بي. يمكنني حاليا الاستعلام عن قاعدة البيانات للعناوين وعرضها ضمن بحثي (انظر الشكل 1.0) ومع ذلك، أحتاج إلى جعلها اختيارا بحيث عند تحديدها، ستقوم بتعيين قيمة الإدخال إلى هذا العنوان، يشبه إلى حد كبير على البحث في Wikipdia ويكيبيديا البحث. وبعد مثال Wikipedia هو أساسا ما أبحث عنه. أي مساعدة سيكون رائعا.

شكرا، chl المملكة المتحدة

بحثي حتى الآن http://www.webquark.co.uk/search.bmp

الشكل 1.0

الرمز: 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();


?>

الرمز: PHP Insput Input

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

إذا كنت بحاجة إلى رؤية جافا سكريبت اسمح لي أن أعرف.

Answer 1

يسمى السيطرة التي تبحث عنها من Suggester. حاول البحث في Google للحصول على "اقتراح Ajax". ستجد بعض البرامج التعليمية حول كيفية القيام بذلك. هنا واحد: حلقة الوصل

Answer 2

ربما تحتاج إلى جعل كل نتيجة بحث عاد جافا سكريبت تم تمكين JavaScript بحيث مع OnClick، فإنه يملأ قيمته في نص الإدخال. وجود عنصر إدخال النص المحدد مع idمن شأنه أن يساعد في استهداف ذلك قليلا. أنا متأكد من أنه يمكنك معرفة البقية. لقد بدأت أحب jquery مع هذه الأنواع بالضبط من المهام.

ربما تريد أيضا الحصول على النتائج التي تحتوي على قاعدة CSS "cursor: pointer"بحيث يبدو وكأنه عنصر قابل للنحد.