Discussion :

[shenron42]

Bonjour,

J'utilise depuis longtemps un petit script du nom d'accordian.pack.js qui permet de faire des menus sympa, animés & pas trop lourd...

Pour ceux qui ne connaissent pas : http://www.dezinerfolio.com/2007/07/...pt-accordions/

Le script fonctionne parfaitement tant que ma page est complètement chargée au moment ou j'appelle new Accordian();

Là où ça pose souci, c'est que je rempli un div de photos en Ajax.

J'ai donc ma requête Ajax qui va chercher les photos à mettre dans le div, ensuite je met en place le menu, mais si j'appelle new Accordian(); avant que les photos ne soient complètement chargées, le script n'arrivent pas à calculer la hauteur du div et je ne vois apparaitre que la moitié des photos ! (que la moitié haute, elles sont disposées en ligne).

Du coup, existe-t-il une solution pour appeler une fonction une fois que ma requête Ajax est complètement terminée (et pas onSuccess comme je fais actuellement, les images ne sont pas encore chargées à ce moment & du coup, le script se vautre...) ?

[SpaceFrog]

un petit script qui verfie le complete des images ...

[shenron42]

Ok, merci !
J'avais pensé à un truc dans cette idée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
var charge = false;
 
while(!charge){
  foreach(image){
    if(image.complete()){ charge = true; } else { charge = false; }
  }
}
 
Accordian();

Mais c'est pas très propre, si ?

D'autant plus que si j'ai beaucoup d'image à charger, le navigateur ne risque pas de bloquer le JS à cause d'une boucle infinie (je crois que FF le fait) ?

[le_chomeur]

Utilise plutôt une fonction avec un timer pour allez vérifier le complete , ce qui évitera de bloquer le processus , avec un message d'attente pendant le chargement des images

[SpaceFrog]

sujet déja abordé il y a 3 ou 4 ans ... ( si ce n'est plus)

dans un setInterval
verifie le ratio entre images.length et l'increment des images complete

lorsque tu as 100% clearInterval et hop tu as le complete

prévoir toutefois un maximum d'itérations de la boucle

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
while(!charge){
  foreach(image){
    if(image.complete()){ charge = true; } else { charge = false; }
  }
}

* foreach est loin d'être cross-browser en JavaScript.
* Ta boucle ne sert à rien puisqu'au final, le flag aura la valeur du complete de la dernière occurrence !
* image, c'est quoi pour toi ? (pas sûr que ce soit la même chose pour JavaScript !)