Foros del Web » Programando para Internet » Javascript »

Autocompletar tipo navegador

Estas en el tema de Autocompletar tipo navegador en el foro de Javascript en Foros del Web. ¡Hola a todos! Llevo algún tiempo intentando realizar un input en el que implementar algo parecido al autocorrector del móvil o las búsquedas con google ...
  #1 (permalink)  
Antiguo 22/09/2015, 08:57
 
Fecha de Ingreso: diciembre-2014
Mensajes: 111
Antigüedad: 9 años, 5 meses
Puntos: 9
Autocompletar tipo navegador

¡Hola a todos!

Llevo algún tiempo intentando realizar un input en el que implementar algo parecido al autocorrector del móvil o las búsquedas con google instant.

La idea es que tengo una Base de Datos con palabras relacionadas entre si por género y número entre otras cosas y quiero que alguien que escriba por ejemplo "cort" le aparezca automáticamente "cortar" si pulsa intro y si justo después escribe "pat" y pulsa intro (puede ser espacio u otra tecla que tenga sentido) el input se transforme en "cortar las patatas".

Lo que es la función para acceder a la Base de Datos y como elegir las mejores palabras según que se vaya escribiendo ya lo tengo hecho tanto mediante c# como con PHP (Llevo muchas pruebas como ya he dicho). Lo que busco es como conseguir que me vaya ofreciendo sugerencias (varias a ser posible) y que me las escriba automáticamente al pulsar intro, sin perder el foco del input ni recargar la página ni cosas raras varias. ¿Ideas, sugerencias o algo parecido que halláis visto por ahí?

¡Muchas gracias!
  #2 (permalink)  
Antiguo 22/09/2015, 10:27
 
Fecha de Ingreso: septiembre-2003
Mensajes: 140
Antigüedad: 20 años, 7 meses
Puntos: 2
Respuesta: Autocompletar tipo navegador

Tienes que programar un evento al "pulsar una tecla del teclado" relacionado con la tecla intro. Y en ese evento usar una petición AJAX que haga una consulta a la base de datos con el contenido del campo. Lo que te devuelve lo puedes cargar en un listbox o donde quieras.

Así, cada vez que pulses intro te hará la consulta y te devolverá uno o varios resultados, y te hará el efecto de sugerencia.

No se si te he aclarado algo o te he liado más.
  #3 (permalink)  
Antiguo 22/09/2015, 16:11
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Autocompletar tipo navegador

Puedes usar el elemento <datalist>, el widget autocomplete o este otro que hice con JavaScript nativo.

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: google, instant
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:18.