L
leo-magic
Aktives Mitglied
Thread Starter
- Dabei seit
- 24.12.2004
- Beiträge
- 1.178
- Reaktionspunkte
- 4
Hallo zusammen!
Versuche für eine jQuery mobile Seite eine "Instantsuche" zu programmieren, die die Werte direkt aus mySQL liest.
Zwar gibt es hier https://github.com/commadelimited/autoComplete.js ein Script, ich habe es aber leider nicht geschafft, dass es die Werte aus einer mySQL Tabelle liest. Kann da jemand helfen?
Sonst: Ich habe es so versucht, funktioniert auch, nur übernimmt es die css von jQuery nicht.
Die Such-Datei: (Ausschnitt)
und die Ausgabe:
Die Namen werden angezeigt, aber nicht als <li> Items, also nicht mit der jQuery css "gestyled".
Wie kann ich das erreichen?
Danke und Gruss!!
Léo
Versuche für eine jQuery mobile Seite eine "Instantsuche" zu programmieren, die die Werte direkt aus mySQL liest.
Zwar gibt es hier https://github.com/commadelimited/autoComplete.js ein Script, ich habe es aber leider nicht geschafft, dass es die Werte aus einer mySQL Tabelle liest. Kann da jemand helfen?
Sonst: Ich habe es so versucht, funktioniert auch, nur übernimmt es die css von jQuery nicht.
Die Such-Datei: (Ausschnitt)
PHP:
if(isset($_GET['keyword'])){
$keyword = trim($_GET['keyword']) ;
$keyword = mysqli_real_escape_string($dbc, $keyword);
$query = "SELECT customers_id, customers_firstname, customers_lastname
FROM customers
WHERE (customers_firstname like '$keyword%' OR customers_lastname like '$keyword%')";
//echo $query;
$result = mysqli_query($dbc,$query);
if($result){
if(mysqli_affected_rows($dbc)!=0){
while($row = mysqli_fetch_array($result,MYSQLI_ASSOC)){
echo "<li>".$row['customers_firstname']." ".$row['customers_lastname']."</li>";
}
}
und die Ausgabe:
PHP:
<script type="text/javascript">
$(document).bind("pagecreate", function() {
$("#search_input").keyup(function()
{
var search_input = $(this).val();
var dataString = 'keyword='+ search_input;
if(search_input.length<2)
{
$('#searchresultdata').html('');
}
if(search_input.length>=2)
{
$.ajax({
type: "GET",
url: "ajax-search.php",
data: dataString,
beforeSend: function() {
},
success: function(server_response)
{
$('#searchresultdata').html(server_response).show();
}
});
}return false;
});
});
</script>
Die Namen werden angezeigt, aber nicht als <li> Items, also nicht mit der jQuery css "gestyled".
Wie kann ich das erreichen?
Danke und Gruss!!
Léo