WatchDoger
Grünschnabel
Hallo Community,
da ich noch ein Anfänger bin was jQuery und co betrifft, folgendes Problem. (Docu und Google haben mir nicht geholfen)
Die Ergebnise werden bei einer Sucheingabe nicht angezeigt, man sieht nur dass sich ein Dropdown bei einem richtigen Ergebnis öffnet aber nichts anzeigt.
Hier mal mein Code:
autocomplete.php
Die Ausgabe ist wie folgt:
search.html
und life kann man sich das Problem hier ansehen. Bei der Eingabe bsp. Asc
http://immocheck.org/search.html
Vielen Dank für die Hilfe!
Lg
da ich noch ein Anfänger bin was jQuery und co betrifft, folgendes Problem. (Docu und Google haben mir nicht geholfen)
Die Ergebnise werden bei einer Sucheingabe nicht angezeigt, man sieht nur dass sich ein Dropdown bei einem richtigen Ergebnis öffnet aber nichts anzeigt.
Hier mal mein Code:
autocomplete.php
PHP:
$term = mysql_real_escape_string($_GET['term']);
$sql="SELECT place_name FROM maklerplus_places WHERE place_name LIKE '%".$term."%'ORDER BY place_name";
$result = mysql_query($sql) or die("Fehler");
while ($row = mysql_fetch_array($result,MYSQL_ASSOC)){
$row['place_name'] = htmlentities(stripslashes($row['place_name']));
$row_set[] = $row;
}
echo json_encode($row_set);
Die Ausgabe ist wie folgt:
Code:
[{"place_name":"Aschach an der Donau"},{"place_name":"Eferding"},{"place_name":"Feldkirchen an der Donau"},{"place_name":"Hartkirchen"}]
search.html
HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Autocomplete - Remote datasource</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
.ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}
</style>
<script>
$(function() {
function log( message ) {
$( "<div>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}
$( "#birds" ).autocomplete({
source: "autocomplete.php",
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.value :
"Nothing selected, input was " + this.value );
}
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="birds">Birds: </label>
<input id="birds" />
</div>
<div class="ui-widget" style="margin-top: 2em; font-family: Arial;">
Result:
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>
</body>
</html>
und life kann man sich das Problem hier ansehen. Bei der Eingabe bsp. Asc
http://immocheck.org/search.html
Vielen Dank für die Hilfe!
Lg