He hecho funcionar un script jQuery que sugiere al usuario ciertas palabras de una base de datos según lo que se escriba en un input (similar a Google Instant). El script va perfecto en todos los navegadores excepto en Google Chrome, que solo me muestra las sugerencias cuando tengo abierta la herramienta para desarrolladores (F12).
El código es el siguiente:
jQuery:
Código:
function lookup() {
removeElement();
inputString = document.getElementById('searcher').value
if(inputString.length == 0) {
$('#suggestions').hide();
} else {
$.post("/prueba/autocomplete/index", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').slideUp();
$('#suggestions').slideDown();
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
}
Y el HTML:
Código:
<input type="dropdown" name="searcher" id="searcher" size="32" onkeyup="lookup();"/>
<div id="suggestions">
<div class="autoSuggestionsList_l" id="autoSuggestionsList">
</div>
</div>
Me gustaría aclarar que dentro de autoSuggestionsList se crea un div con id "sug" que se elimina cada vez que se escribe algo en el input (la funcion removeElement() que sale en el código es la que hace esto).
Creo que me he explicado bien, si necesitáis algún dato más o cualquier aclaración no tenéis más que decírmelo.
Gracias de antemano y un saludo a todos.
EDIT: No he puesto esto en el subforo de jQuery, lo siento, no estoy acostumbrado al foro todavía y acabo de ver la subcategoría.
