Discussion :

[SpaceFrog]

L'usine à gaz se trouve par là ....

Mon souci se trouve au moment de la création dynamique de la page des articles...
lorsque l'on clicke sur le menu il lance une requete xmlhttprequest et récupère un fichier texte sur le serveur ...

ce fichier texte est parsé pour générer la page des articles..
et c'est là que ça devient tandancieux ...

il faut que j'attende que le dernier element soit chargé d'une part mais aussi que les images aient fini de charger sinon l'envoi sur l'ancre se fait et la fin du chargement des images modifie le scroll ce qui décale l'article visé ...

j'ai tenté:

Code :

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

(document.images[document.images.length-2].complete)

mais sans succès ...

[Mr N.]

Quel est le format du fichier texte recu ?

[Mr N.]

Pour moi :

Code :

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

1
2
3
 
var nb_imgs_loaded = 0;
var imgs = new Array;

Puis pour chaque image lors du parsage

Code :

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

1
2
3
4
5
 
current = imgs.length;
imgs[current] = new Image;
imgs[current].onLoad = function() { nb_imgs_loaded++; }
imgs[current].src = 'xxxx.png';

Puis un petit timeout ou setinterval pour vérifier nb_imgs_loaded == nb images total et à partir de ce moment là tu display le contenu avec l'ancre et tout et tout...

inconnues:
- concurrence pour le nb_imgs_loaded++ ?
- lien img corrompu (image inexistante, fichier mal formé, ...) => incidence sur onload ?

[SpaceFrog]

le problème n'est pas image existante ou pas ...
toutes les images exisent... celle qui n'existent pas sont remplacées par un logo ...

le but est de savoir si toutes les images ont fini de charger ...

[Mr N.]

Ce que je t'ai proposé ne te convient pas ?

[SpaceFrog]

ça revient à faire un preload de images ...

faut que je modifie tout ...
si je ne trouve rien d'autre je ferais scomme ça,
mais il me semblait qu'avec complete on pouvait savoir si une image avait fini de charger ..

[Mr N.]

ça revient à faire un preload de images ...

Ben je croyais que c'est ce que tu voulais faire au final...
attendre que les images soit chargées pour afficher la page à la bonne position.

Via le complete tu fais comment ? tu teste à intervalle régulier que toutes les images sont "complete" ? si oui, c'est pas un peu lourd pour le client ?

[Mr N.]

Une autre solution que-je-sais-pas-si-elle-est-faisable-dans-ton-cas, c'est de spécifier la taille de chaque image dans ton fichier texte. ainsi en mettant les attributs width et height à img, le layout ne devrait pas bouger...

[SpaceFrog]

mouaip ta dernière idée est imparable ...

en fait j'ai persévéré dans la voie du complete ...

en fait je testais le complete de la dernière image ...

la solution est de boucler sur la collection image et de tester que toutes sont complete ... en effet le chargement est ... aléatoire ?

je bascule donc sur l'ancre uniquement lorsque toutes les images sont complete ...