Помогите с AJAX PHP и MYSQL Live Search! - PullRequest
Новая
       17

Помогите с AJAX PHP и MYSQL Live Search!

1 голос
/ 28 февраля 2009

Я пытаюсь создать живой поиск Ajax для моего сайта. В настоящее время я могу запросить в базе данных заголовки и отобразить их под своим поиском (см. Рис. 1.0), однако мне нужно сделать их выбираемыми так, чтобы, когда вы их выбираете, он установил входное значение для этого заголовка, очень похожее на поиск в Википедии. Поиск в Википедии . Пример Википедии в основном то, что я ищу. Любая помощь будет отличной.

Спасибо, КХЛ, Великобритания

Мой поиск пока http://www.webquark.co.uk/Search.bmp

Рис 1.0

КОД: поиск в БД PHP 

    <?

  // 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, дайте мне знать.

Ответы [ 2 ]

2 голосов
/ 28 февраля 2009

Элемент управления, который вы ищете, называется подсказчиком. Попробуйте поискать в Google по запросу «AJAX». Вы найдете несколько уроков о том, как это сделать. Вот один из них: ссылка

0 голосов
/ 28 февраля 2009

Вам, вероятно, нужно включить каждый возвращаемый результат поиска с поддержкой JavaScript, чтобы с помощью OnClick он заполнял свое значение во входном тексте. Если элемент ввода текста идентифицируется с id -свойством, это поможет немного нацелить его. Я уверен, что вы можете выяснить остальное. Я начал любить JQuery именно с такими задачами.

Вы также, вероятно, хотите, чтобы результаты имели правило CSS "cursor: pointer", чтобы оно выглядело как интерактивный элемент.

...