Buon pomeriggio.
Ho una pagina con dei dati tabellari, e una input di ricerca.
Lo stile è bootstrap, dove appena digiti una lettera o un numero inizia la ricerca.
Questa pagina ha la particolarità di aggiornare il tbody della tabella, per avere sempre i dati aggiornati all'istante.
Purtroppo mi sono accorto che, con il refresh di 1 secondo, la ricerca non funziona, cioè funziona, mi fa vedere per un secondo il risultato, ma poi ritornano tutti i dati.
Quindi per risolvere avevo pensato di intervenire sul focus della input di ricerca.
cosi:
purtroppo non capisco come mai:codice:var timer; function myTimer(timer,id) { setInterval(function() { $("tbody").load(location.href+" tbody>*",""); }, timer); document.getElementById("demo").innerHTML = timer; } $(document).ready(function() { $("input[type='search']").focusout(function() { clearInterval(timer); timer= 1000; myTimer(timer,1); }); $("input[type='search']").focusin(function() { //alert("in"); clearInterval(timer); timer= 200000; myTimer(timer,2); }); });
1) appena visualizzo la pagina, vado sulla ricerca, la ricerca funziona attribuendo alla variabile timer=200000
2) se invece accedo, scorro la pagina e poi eseguo la ricerca, attribuisce a timer=200000 ma, la pagina continua ad aggiornarsi ogni secondo.
Potete aiutarmi a stoppare e riavviare in modo corretto quel timer?
Grazie mille.

Rispondi quotando