AJAX PHP ve MySQL Live Search ile Yardım!

2 Cevap php

benim web sitesi için bir Ajax canlı arama oluşturmak için çalışıyorum. Şu anda başlıklar için veritabanını sorgulamak ve ben bunları seçmek yaptığınızda, çok wikipdia arama gibi, bu başlık için giriş değerini ayarlamak böylece onları seçilebilir yapmak gerekir, ancak (Şekil 1.0) benim arama altında görüntüleyebilirsiniz Wikipedia Search. Wikipedia örnek Ben ne arıyorum ikonların olduğunu. Herhangi bir yardım büyük olurdu.

Thanks, CHL UK

My Arama yüzden far

Şekil 1.0

KOD: PHP DB arama

    <?

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


?>

KOD: PHP Arama Girdi

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

Gördüğünüz gerekiyorsa benim JavaScript bana bildirin.

2 Cevap

Aradığınız kontrolü Suggester denir. "Ajax öneri" için google arama yapmayı deneyin. Bunu yapmak için nasıl bir kaç öğreticiler bulabilirsiniz. İşte biri: link

Muhtemelen bir OnClick ile bu giriş metne değerini doldurur, böylece JavaScript etkinleştirilmelidir döndürülen her arama sonucunu yapmak gerekir. Bir id özelliği ile tanımlanan metin giriş elemanı olması bunu biraz hedefleme yardımcı olacaktır. Ben gerisini anlamaya emin değilim. Ben görevlerin tam olarak bu tür JQuery sevmeye başladım.

Ayrıca muhtemelen tıklanabilir bir madde gibi görünüyor "cursor: pointer" böylece CSS kuralı var sonuçları istiyorum.

etiketler