procesar tras terminar de escribir

leif_sk8er · #1 (**permalink**) 09/03/2011, 02:40

Buenas, resulta que tengo un input donde al escribir cada letra comprueba si existe ese nomre en un div... el problema es que a cada letra (keyup) compruebo mediante una funcion, ademas de una cosa por ajax que tb necesito hacer...

Habria alguna forma de detectar cuando el usuario ha terminado y solo ejecutarla esa vez y no a cada letra?
tengo una idea distante en la mente usando un timeout pero no se si es la mejor forma ni como implementarla bien... :S

Gracias de antemano!

stock · #2 (**permalink**) 09/03/2011, 03:38

Te sirve el evento "blur"?? ese se dispara cuando el usuario sale de la caja de texto.

saludos

leif_sk8er · #3 (**permalink**) 10/03/2011, 15:00

no, por que quiero que sea aligual que facebook, el sistema de busquedas que te sale unas sugerencias de resultados, pero me parece que facebook tb hace la consulta a cada letra... alomejor el buscador de google es el que lo hace mas logicamente.. por que no tiene sentido hacer una peticion por cada letra si no se ha terminado...

No puede ser en el blur por que despues apretando la flecha de abajo va moviendose por las sugerencias. Con lo que si es en el blur estoy fuera y ya no funciona... Ademas de que quedaria muy mal.

Alguna idea mas?

zerokilled · #4 (**permalink**) 10/03/2011, 20:51

buenas...

no lo he intentado pero es lo que se me ocurre. realizar la peticion mediante un temporizador setTimeout de tal modo que en cada pulsacion de la tecla cancelas el temporizador y creas uno nuevo. cuando el usuario no presiona una tecla por el periodo de tiempo establecido en setTimeout, entonces ahi es que se envia la peticion.

tambien se puede hacer mas complejo. por ejemplo, tienes una variable booleana para controlar la peticion, asumiendo que false indica que no hay ninguna peticion en espera y true lo contrario. de forma tal que cuando el usuario escribe algo se revisa el estado de la variable. si esta en true, no se realiza la peticion. luego que la peticion se complete se restaura la variable y se revisa si el valor del campo ha cambiado. en tal caso, vuelve a realizar la peticion cambiando el estado de la variable.

por supuesto, en estas dos ideas activadas mediante eventos del teclado.

Kaneex · #5 (**permalink**) 10/03/2011, 21:25

Te recomendaria que elijas una o varias de estas opciones
( ) Cada 4 - o el numero que te parezca - letras presionadas
( ) Cuando se presione la flecha hacia abajo
( ) Cuando se presione la barra espaciadora - esto significa que busca por cada palabra
( ) Cuando se presione la tecla enter

leif_sk8er · #6 (**permalink**) 11/03/2011, 05:12

ahora mismo tengo la primera y segunda adaptada, la del intro no me vale y la barra tampoco.
Zerokilled, la primera opcion de restaurar el timeout me gusta.

Pero mira que he encontrado con tu consejo. Resulta que tengo un plugin que utilizo para los timeouts y queria saber como se elimina un time creado, entonces en la documentacion me encunetro lo siguiente:
http://benalman.com/code/projects/jq...es/debouncing/

Vamos! justo lo que necesitaba en uno de los plugins que utilizo desde el primer dia en este proyecto y justo en el ejemplo que deseo. Perfecto!

La pagina oficial es http://benalman.com/projects/jquery-dotimeout-plugin/

Lo que hace al sobreescribir el timeout es eliminar el anterior, ahi está a 250 milisegundos, creo que a 1000 milisegundos irá bien.

Seguro que a otros tb le sirven.

leif_sk8er · #7 (**permalink**) 11/03/2011, 05:19

Se implanta perfectiiiiisimamente. Solucionado!! :D Ya puedo dormir hoy jajaja.

zerokilled · #8 (**permalink**) 11/03/2011, 05:32

no soy amante de los frameworks por lo que no se bien como funciona dicho plugins pero seguramente es el mismo concepto que explicaba. en tu caso particular, mejor aun ya que estas usando un framework.