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:
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);
});
});
purtroppo non capisco come mai:
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.