11521 sujets
JavaScript, DOM et API Web HTML5
Effectivement c'est fait pour prendre la main lorsqu'une page est redimensionnée.
Voici comment je traite le problème
comment ça marche:
1) j'ai mis onresize= "resize"
c'est à dire que la fonction est appelée chaque fois que le redimensionnement se produit.
Mais si on fait un resize à la souris, on reçoit une salve d'évènements resize
2) la fonction resize supprime le timer et le relance
3) lorsqu'il n'y a plus d'évènement resize, le timer se déroule jusqu 'au bout et la "vraie" fonction que j'ai appelée resizeAction est lancée 200 millisecondes après le dernier évènement.
Voici comment je traite le problème
var ResizeTimer = false;
function resize() {
if (ResizeTimer !== false) clearTimeout(ResizeTimer);
ResizeTimer = setTimeout('resizeAction()', 200);
}
comment ça marche:
1) j'ai mis onresize= "resize"
c'est à dire que la fonction est appelée chaque fois que le redimensionnement se produit.
Mais si on fait un resize à la souris, on reçoit une salve d'évènements resize
2) la fonction resize supprime le timer et le relance
3) lorsqu'il n'y a plus d'évènement resize, le timer se déroule jusqu 'au bout et la "vraie" fonction que j'ai appelée resizeAction est lancée 200 millisecondes après le dernier évènement.