Accordian.pack.js & Ajax ? [Résolu]

[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 :

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 :

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 !)

[shenron42]

Envoyé par Bovino

* 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 !)

J'ai écris ça rapidement sans forcément chercher la syntaxe parfaite...

Le foreach serait plutôt "for in" pour la compatibilité et par "image", j'entendais un tableau que je récupèrerai avec document.getElementsByName ou quelque chose dans cette idée...

Par contre j'ai pas compris l'images.length et l'increment des images complete... Un img.complete me renvoi pas si l'image est chargée ou pas ?

Edit : A première vue, ça a l'air de gagner avec un setInterval qui test si image.complete()...
Et je crée le menu uniquement quand toutes les images sont chargées.
Je met un div d'attente au premier plan & ça fonctionne bien (mis à part qu'il reste longtemps vu le nombre d'images, mais ça marche !).

Merci beaucoup !