2009-02-28 7 views
1

내 웹 사이트에 대한 Ajax 실시간 검색을 만들려고합니다. 현재 데이터베이스에서 검색어를 검색하고 검색 결과에 표시 할 수 있습니다 (그림 1.0 참조).하지만 선택할 때 선택 항목을 입력하면 위키피디아 검색과 매우 흡사합니다. Wikipedia Search. 위키 백과 예제는 기본적으로 내가 찾고있는 것이다. 어떤 도움이라도 좋을 것입니다.AJAX PHP 및 MYSQL 라이브 검색 도움말!

감사합니다, CHL 영국

My Search so far http://www.webquark.co.uk/Search.bmp

그림 1.0

CODE : 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(); 


?> 

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> 

내 자바 스크립트가 필요한 경우 알려주십시오.

답변

2

찾고 계신 컨트롤을 스 쉐거라고합니다. "ajax suggestion"을 검색해보십시오. 이를 수행하는 방법에 대한 자습서가 있습니다. 여기에 하나 : link

+0

나는 이미 갖고있는 자바 스크립트를 사용하고 싶습니다. –

+0

그런 다음 예제 JavaScript가 어떻게 작동하는지보고 스크립트에 적용하십시오. 이것은 사람들이 무료로 코딩을 할 수있는 장소가 아닙니다. – ceejayoz

+0

나는 그것을 요구하지 않았다, 단지 sugesstions. –

0

반환 된 검색 결과를 자바 스크립트 사용으로 설정해야 OnClick에서 입력 텍스트로 채울 수 있습니다. 텍스트 입력 요소를 id- 속성으로 지정하면 대상 지정에 약간 도움이됩니다. 나는 당신이 나머지를 알아낼 수 있다고 확신합니다. 필자는 이러한 종류의 작업으로 JQuery를 좋아하기 시작했습니다.

결과가 CSS 규칙 "cursor: pointer"을 가지므로 클릭 가능한 항목처럼 보일 수도 있습니다.

+0

당신이 대답 해 줘서 고마워요.하지만 이걸로 자바 스크립트를 실제로 만났을뿐입니다. 우리 강의가 우리에게 들려 주었던 것을 사용하는 것은 어렵습니다. 정말 잘 모르겠지만 JS입니다. –