Team-Azerty Index du Forum Team-Azerty
Le Forum de l'association Team-Azerty
 
 Sujet vuSujet vu   FAQFAQ   RechercherRechercher   
Liste des MembresListe des Membres   Groupes d'utilisateursGroupes d'utilisateurs   S'enregistrerS'enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

[JS] Image d'attente

 
Poster un nouveau sujet   Répondre au sujet    Team-Azerty Index du Forum -> Software / Hardware
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
Aurelienazerty
Webmaster / Président


Age: 26
Inscrit le: 27 Sep 2002
Messages: 9856
Localisation: Vienne (Capitale du monde)

MessagePosté le: Ven 08 Déc 2006, 15:45:58    Sujet du message: [JS] Image d'attente Répondre en citant

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 ?
Revenir en haut
Aurelienazerty is offline View user's profile Send private message   Visiter le site web du posteur
Aurelienazerty
Webmaster / Président


Age: 26
Inscrit le: 27 Sep 2002
Messages: 9856
Localisation: Vienne (Capitale du monde)

MessagePosté le: Dim 17 Déc 2006, 19:12:19    Sujet du message: trouvé Répondre en citant

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
    Attention! 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!
Revenir en haut
Aurelienazerty is offline View user's profile Send private message   Visiter le site web du posteur
Aurelienazerty
Webmaster / Président


Age: 26
Inscrit le: 27 Sep 2002
Messages: 9856
Localisation: Vienne (Capitale du monde)

MessagePosté le: Sam 06 Jan 2007, 11:20:54    Sujet du message: La vraie solution Répondre en citant

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
Revenir en haut
Aurelienazerty is offline View user's profile Send private message   Visiter le site web du posteur
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Team-Azerty Index du Forum -> Software / Hardware Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum


Powered by phpBB 2.0.23 © 2001, 2005 phpBB Group :: Spelling by SpellingCow.
Traduction par : phpBB-fr.com
Le site Team-azerty.com est déclaré à la CNIL depuis le 6 juin 2005 (Numéro de Déclaration: 1098615)
L'association Team-azerty est une association loi 1901 déclarée en préfecture le 11 juin 2004 (No de parution: 20040027, No d'annonce: 687)
Plus d'informations dans la rubrique à propos