El segundo archivo, el del script PHP, es el encargado de generar contenido dinamico. Esto quiere decir que cada vez que tu escribas algo en el buscador, PHP generara una respuesta de autocompletado.
PHP devuelve cosas asi:
Cita: {
respuesta : contenido,
sugerencias [tal, talotra, quizasestaotra, yestatambien,etc]
}
Y jquery con esa respuesta, y dinamicamente, modifica estas etiquetas:
Cita: <div class="autocomplete-w1">
<div style="width:299px;" id="Autocomplete_1240430421731" class="autocomplete">
<div><strong>Li</strong>beria</div>
<div><strong>Li</strong>byan Arab Jamahiriya</div>
<div><strong>Li</strong>echtenstein</div>
<div class="selected"><strong>Li</strong>thuania</div>
</div>
</div>
... que en un principio estan vacias. Si escribimos palabras que comienzas con "pa", PHP devuelve un array con palabras que comienzan con PA y javascript las vuelca en pantalla.
Para probar el script vamos a generar una respuesta falta de PHP, tal como te la dan en la pagina principal del autocompleter. Y vamos a escribir "Li" en el buscador a ver si aparecen esas palabras que tenemos en nuestro listado (que es "falso" porque no es "dinamico" sino estatico, es decir generados por nosotros y no por la inteligencia artificial).
Me pongo con esto en mi maquina y te paso los archivos, ok? Estate contento.