Hilfe mit einem AJAX PHP und MYSQL Live Search!
-
11-09-2019 - |
Frage
Ich versuche, eine Ajax Live-Suche für die eigene Webseite zu erstellen. Ich kann zur Zeit die Datenbank für Titel abfragen und sie unter meiner Suche angezeigt werden (siehe Abb 1.0) jedoch muss ich sie wählbar machen, so dass, wenn Sie sie tun wählen, wird er den Eingangswert auf diesen Titel gesetzt, sehr ähnlich wie auf wikipdia Suche Wikipedia suchen . Das wikipedia Beispiel ist im Grunde, was ich suche. Jede Hilfe wäre toll.
Danke, CHL UK
Meine Suche bisher http://www.webquark.co.uk/Search.bmp
Abb 1.0
CODE: PHP DB Suche
<?
// 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 Sucheingabe
<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>
Wenn Sie meine Javascript um zu sehen, lassen Sie mich wissen.
Lösung
Die Steuerung Sie suchen, ist ein suggester genannt. Versuchen Sie, für „Ajax-Vorschlag“ Google-Suche. Sie werden ein paar Tutorials zu finden, wie es geht. Ist hier ein: Link
Andere Tipps
Sie müssen wahrscheinlich jedes Suchergebnis JavaScript-fähigen machen zurückgeführt, so dass mit einer OnClick es seinen Wert in den Eingabetext füllt. das Text-Eingabeelement mit einer id
-Eigenschaft identifiziert zu haben helfen würde es ein wenig Targeting. Ich bin sicher, dass Sie den Rest herausfinden können. Ich habe angefangen, JQuery zu wie genau diese Art von Aufgaben.
Sie wollen wahrscheinlich auch die Ergebnisse haben die CSS-Regel „cursor: pointer
“ zu haben, so dass es wie ein klickbaren Element aussieht.