Foros del Web » Programando para Internet » Javascript »

autocomplete sin recargar pagina

Estas en el tema de autocomplete sin recargar pagina en el foro de Javascript en Foros del Web. hola chicos como puedo evitar que el submit me cargue la pagina y permitir autocomplete he probando mediente return false, de manera correcta realiza la ...
  #1 (permalink)  
Antiguo 20/06/2014, 10:26
 
Fecha de Ingreso: diciembre-2012
Mensajes: 249
Antigüedad: 11 años, 11 meses
Puntos: 2
autocomplete sin recargar pagina

hola chicos
como puedo evitar que el submit me cargue la pagina y permitir autocomplete
he probando mediente return false, de manera correcta realiza la funcion y no me recarga la pagina, pero el auto complete de los inputs no funciona no quedan guardados en el explorador.

en el form va:

Código HTML:
Ver original
  1. onsubmit="return funcionname();"



en el javascript va:

Código Javascript:
Ver original
  1. function funcionname(){
  2. return false;
  3.  
  4. }

como puedo lograrlo? gracias

Última edición por summerblack; 20/06/2014 a las 10:33
  #2 (permalink)  
Antiguo 20/06/2014, 10:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: autocomplete sin recargar pagina

Tendrás que usar AJAX para hacer peticiones asincrónicas al servidor.
__________________
(:
  #3 (permalink)  
Antiguo 20/06/2014, 11:01
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: autocomplete sin recargar pagina

Y si te sirve, te dejo este este ejemplo que hice de un buscador con autocompletado.

Saludos
__________________
«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
  #4 (permalink)  
Antiguo 20/06/2014, 12:36
 
Fecha de Ingreso: diciembre-2012
Mensajes: 249
Antigüedad: 11 años, 11 meses
Puntos: 2
Respuesta: autocomplete sin recargar pagina

muchas gracias por responder chicos,
olvide decirles que no hago consulta a la base de datos,solo quiero q el explorador rescuerde los datos enviados anteriormente, como cuando uno agrega la direccion de email en diferentes paginas y el explorador las recuerda
gracias
  #5 (permalink)  
Antiguo 20/06/2014, 12:45
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 17 años, 7 meses
Puntos: 292
Respuesta: autocomplete sin recargar pagina

HTML5 autocomplete:

http://www.w3schools.com/tags/att_in...tocomplete.asp
__________________
Salu2!
  #6 (permalink)  
Antiguo 20/06/2014, 12:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: autocomplete sin recargar pagina

Realmente esa es una funcionalidad nativa del navegador, por lo que estará o no activado dependiendo de la configuración del usuario.
__________________
(:
  #7 (permalink)  
Antiguo 20/06/2014, 13:03
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 17 años, 7 meses
Puntos: 292
Respuesta: autocomplete sin recargar pagina

Cita:
Iniciado por pzin Ver Mensaje
Realmente esa es una funcionalidad nativa del navegador, por lo que estará o no activado dependiendo de la configuración del usuario.
Javascript igual

Y por supuesto Ajax tampoco funciona si Javascript esta desactivado
__________________
Salu2!
  #8 (permalink)  
Antiguo 20/06/2014, 15:15
 
Fecha de Ingreso: diciembre-2012
Mensajes: 249
Antigüedad: 11 años, 11 meses
Puntos: 2
Respuesta: autocomplete sin recargar pagina

bueno gracias
  #9 (permalink)  
Antiguo 21/06/2014, 00:35
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: autocomplete sin recargar pagina

Como bien dice pzin, para lo que buscas hacer, ni siquiera es necesaria una función en JS o utilizar el nuevo atributo autocomplete implementado para los elementos <input> en HTML5, el navegador utiliza las palabras que anteriormente escribiste en esa caja de texto para mostrarte una lista con ellas debajo de la caja. La ventaja con respecto a lo que te propusimos Italico76 y yo es que el usuario puede utilizar un navegador que no soporte HTML5 e incluso podría desactivar JS del navegador y dicha lista seguirá apareciendo y aumentando conforme introduzcas datos en dicha caja. Ojo, si limpias la caché y eliminas las cookies del navegador, la lista no aparecerá y se alimentará desde cero con las nuevas palabras que vayas ingresando.

Saludos
__________________
«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
  #10 (permalink)  
Antiguo 25/06/2014, 07:44
 
Fecha de Ingreso: diciembre-2012
Mensajes: 249
Antigüedad: 11 años, 11 meses
Puntos: 2
Respuesta: autocomplete sin recargar pagina

gracias alexis

Etiquetas: funcion, input
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 18:47.