Meine Kenntnisse darin sind sehr nahe von 0,01 ....
Ich verwende die Version (lt. Script) 1.8.21.
Zunächst das Script und dann die "Probleme":
das ganze liest alle Hunde für die Suche aus der Datenbank aus, wobei ich hier schon nicht sicher bin ob das so der richtige Ansatz ist, weil die Seite selbst zwar schnell ist aber wenn ich denQuelltext ansehen möchte dauert es Ewigkeiten bis alles angezeigt wird. Im Quelltext stehen dann alle 16000 Hunde:
Das wäre Problem Nr.1....
Problem Nr.2 sind die Umlaute: bei der Suche nach z.B. Cézar - ich kann nicht Cezar suchen, sondern muss das é so angeben - sollte aber nicht so sein...
Problem Nr. 3 ist das <li> und <a> - habe es von der jquery Seite so übernommen, weil ich das (fe)male.png angezeigt haben möchte.... Zum einen validiert das so nicht (line 80003 column 23 - Fehler: document type does not allow element "a" here) und "brauchen tue" ich das glaub ich auch nicht....
Habt ihr Tipps, was ich ändern soll/muss/kann? Möglicherweise auch ein völlig anderer Ansatz?
Ich verwende die Version (lt. Script) 1.8.21.
Zunächst das Script und dann die "Probleme":
PHP:
<script type='text/javascript'>
<?php
echo "$(function() {
var projects = [";
$result = $sql->query= "SELECT id, CONCAT(`dogname`, ' ', `dogname_affix`, ' ', `dogname_affix_born`) as `dog`,
CONCAT(gender, '.png') AS sex
FROM xxx";
$stmt = $conn->prepare($result);
$stmt->execute();
while($row = $stmt->fetch())
{
printf("
{
value:\"%s\",
desc: \"%s\",
icon: \"%s\"\n},", $row["dog"], $row["id"], $row["sex"]
);
};
echo "];";
?>
$( "#hundename" ).autocomplete({
minLength: 3,
source: projects,
focus: function( event, ui ) {
$( "#hundename" ).val( ui.item.label );
return false;
},
select: function( event, ui ) {
$( "#hundename" ).val( ui.item.label );
$( "#hundename-id" ).val( ui.item.value );
$( "#projectdescription" ).html( ui.item.desc );
$( "#id" ).val( ui.item.desc );
return false;
}
})
.data("autocomplete")._renderItem = function (ul, item) {
return $("<li />")
.data("item.autocomplete", item)
.append("<a><img src='../main/img/"+ item.icon + "' />" + item.label + "</a>")
.appendTo(ul);
};
});
</script>
das ganze liest alle Hunde für die Suche aus der Datenbank aus, wobei ich hier schon nicht sicher bin ob das so der richtige Ansatz ist, weil die Seite selbst zwar schnell ist aber wenn ich denQuelltext ansehen möchte dauert es Ewigkeiten bis alles angezeigt wird. Im Quelltext stehen dann alle 16000 Hunde:
HTML:
<script type='text/javascript'> $(function() { var projects = [ { value:"Brita ", desc: "1", icon: "female.png" }, { value:"Cézar z Březového háje ", desc: "2", icon: "male.png" },u.s.w.
Das wäre Problem Nr.1....
Problem Nr.2 sind die Umlaute: bei der Suche nach z.B. Cézar - ich kann nicht Cezar suchen, sondern muss das é so angeben - sollte aber nicht so sein...
Problem Nr. 3 ist das <li> und <a> - habe es von der jquery Seite so übernommen, weil ich das (fe)male.png angezeigt haben möchte.... Zum einen validiert das so nicht (line 80003 column 23 - Fehler: document type does not allow element "a" here) und "brauchen tue" ich das glaub ich auch nicht....
Habt ihr Tipps, was ich ändern soll/muss/kann? Möglicherweise auch ein völlig anderer Ansatz?