[JS] Image d'attente

Tous les benchmarks, vos résultats, vos tests.
Vos programmes, vos conseils logiciel
Votre matos, vos problèmes
Avatar de l’utilisateur
Aurelienazerty
Webmaster / Président
Réactions :
Messages : 25088
Inscription : septembre 27, 2002, 9:41 pm

[JS] Image d'attente

Message par Aurelienazerty »

Voilà, via un JS, je fait charger différentes images lors d'un passage de souris sur une cellule d'un tableau.
Or ces images sont générées via PHP et mettent pas mal de temps à se faire sur le serveur (4s min). Donc j'aimerais afficher durant ce laps de temps une autre image "Patientez" ou "Chargement".
Quelqu'un a t'il une idée ?
Avatar de l’utilisateur
Aurelienazerty
Webmaster / Président
Réactions :
Messages : 25088
Inscription : septembre 27, 2002, 9:41 pm

trouvé

Message par Aurelienazerty »

Bon j'ai trouvé un moyen de faire ça, donc j'ai procédé ainsi:
  • Mit une image transparente vide
  • un DIV placé sur l'image pour le texte d'attente
    /!\ les images de la suite doivent être bien évidement de la même taille sinon ça fout en l'air l'alignement
  • Au chargement de la page je cache le div
  • Au chargement de l'image j'affiche le DIV
  • Je fait un timeout de 3s (temps moyen pour générer l'image) pour cacher de nouveau le DIV
Voilà, c'est du bricolage, mais faut d'avoir trouvé mieux c'est la solution que j'ai mise sur pronofoot.
Si une âme charitable trouve mieux, je prend!
Avatar de l’utilisateur
Aurelienazerty
Webmaster / Président
Réactions :
Messages : 25088
Inscription : septembre 27, 2002, 9:41 pm

La vraie solution

Message par Aurelienazerty »

Voilà, j'ai enfin trouvé la vraie solution:
  • Une image transparente vide
  • Sur cette image je rajoute l'attribut onload de la manière suivante:
    <img src='.....' alt='....' onload='ma fonction qui cache le div'>
  • un DIV placé sur l'image pour le texte d'attente
  • Lors du changement d'image je fais afficher le div