Buenas,
Tengo un problema con un script de autocompletar, no consigo hacerlo funcionar por mas vueltas que le doy, el script en cuestion es este
http://www.devbridge.com/projects/au...e/jquery/#demo
Despues de bajarme las librerias, css, etc... no hay un ejemplo de su funcionalidad, guiandome por lo que dice en la web he armado esta pagina, pero no funciona a pesar que la respuesta segun el firebug la recibo...
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="style.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript"> $().ready(function() {
var options, a;
jQuery(function(){
options = { serviceUrl:'autocomplete.txt' };
a = $('#query').autocomplete(options);
});
});
<input type="text" name="q" id="query" />
Fichero autocomplete.txt
Código:
{
query:'Li',
suggestions:['Liberia','Libyan Arab Jamahiriya','Liechtenstein','Lithuania'],
data:['LR','LY','LI','LT']
}
¿Sabéis por qué no me aparece la caja de texto debajo del input con los resultados?
Muchas gracias de antemano!