Möchte einen Autocompleter mit scriptacolous und JSON realisieren.
Hab folgenden Code der leider nicht funktioniert und ich weiß nicht warum.
Ich bekomm zwar eine Server Antwort.. aber ich bekomm leider keine Autocompleter Box und er gibt mir nichts aus...
Kann mir da bitte jemand helfen?
Hab folgenden Code der leider nicht funktioniert und ich weiß nicht warum.
Ich bekomm zwar eine Server Antwort.. aber ich bekomm leider keine Autocompleter Box und er gibt mir nichts aus...
Kann mir da bitte jemand helfen?
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="de">
<head>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
<style type="text/css">
.autocomplete{
border: 1px solid #000;
background-color: #FFF;
}
.autocomplete li:hover{
background: #555;
color: #DDD;
}
</style>
</head>
<body>
<input type="text" id="InputFeld" name="InputFeld"/>
<div id="AutocompleteChoices" class="autocomplete"></div>
<script type="text/javascript">
new Ajax.Autocompleter("InputFeld", "AutocompleteChoices", "json.php", {
minChars: 1
});
</script>
</body>
</html>
PHP:
<?php
$map = array();
$map[] = array('link'=>'http://www.test.localhost/actor/12345','titel'=>'Gerard Depardieu','typ'=>'person');
$map[] = array('link'=>'http://www.test.localhost/actor/12345','titel'=>'Gerard Depardieu','typ'=>'person');
$map[] = array('link'=>'http://www.test.localhost/actor/12345','titel'=>'Gerard Depardieu','typ'=>'person');
$map[] = array('link'=>'http://www.test.localhost/actor/12345','titel'=>'Gerard Depardieu','typ'=>'person');
$map[] = array('link'=>'http://www.test.localhost/actor/12345','titel'=>'Gerard Depardieu','typ'=>'person');
$map[] = array('link'=>'http://www.test.localhost/actor/12345','titel'=>'Gerard Depardieu','typ'=>'person');
$map[] = array('link'=>'http://www.test.localhost/actor/12345','titel'=>'Gerard Depardieu','typ'=>'person');
echo(json_encode($map));
?>