Ajax PHP 및 MySQL 라이브 검색을 도와주세요!

Question

내 웹 사이트에 대한 Ajax 라이브 검색을 만들려고합니다. 현재 타이틀에 대한 데이터베이스를 쿼리하고 검색에서 표시 할 수 있지만 (그림 1.0 참조) 선택 가능하게 만들 수 있도록 선택할 수 있도록 선택할 수 있어야합니다. Wikipedia 검색. Wikipedia 예제는 기본적으로 내가 찾고있는 것입니다. 어떤 도움이든 좋을 것입니다.

감사합니다, CHL UK

지금까지 내 검색 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 검색 입력

<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

당신이 찾고있는 통제를 제안서라고합니다. "Ajax 제안"을 위해 Google을 검색해보십시오. 당신은 그것을하는 방법에 대한 몇 가지 튜토리얼을 찾을 수 있습니다. 여기 하나가 있습니다 : 링크

Answer 2

반환 된 각 검색 결과 JavaScript 가능성을 만들어 onclick을 사용하여 입력 텍스트에 값을 채우도록해야합니다. 텍스트 입력 요소를 id-Property는 그것을 조금 타겟팅하는 데 도움이 될 것입니다. 나는 당신이 나머지를 알아낼 수 있다고 확신합니다. 나는 정확히 이런 종류의 작업으로 jQuery를 좋아하기 시작했습니다.

또한 CSS 규칙을 갖도록 결과를 원할 것입니다. "cursor: pointer"클릭 가능한 항목처럼 보입니다.