Discussion :

[neGo33]

Bonjour,
J'ai une page qui met 3 à 4 secondes à s'ouvrir car elle cherche des informations sur plusieurs serveurs distants.

Je souhaiterai ajouter, au chargement de la page, une animation (.gif ou css) pour indiquer à l'utilisateur que le traitement est en cours. (plutôt que d'avoir une page blanche jusqu'au chargement complet de la page...).
J'ai essayé plusieurs méthodes mais aucune ne fonctionne

Pourriez vous m'aider svp?

Merci d'avance.

[m4riachi]

Tu dois voire du coté js/jquery il ya la fonction load du jquery qui te servira a quelque chose.

[neGo33]

Bonjour,
Merci de votre réponse.

J'ai testé avec la fonction load de JQuery.
J'ai déclaré une div et fais un :

Code :

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

1
2
$("#madiv").load('url');
<div id="madiv"></div>

Par contre, ma div n'est pas chargée avant le reste de ma page donc il me renvoie 'url' qu'une fois ma page chargée.
J'ai l'impression que ça fait comme le onload de javascript...

Un petit indice svp? ^^

[grunk]

Tu dois rendre ta récupération d'information asynchrone , effectivement avec javascript.

L'état de base de ta page html sera le chargement. On imagine donc un gif qui tourne au milieu de page avec les conteneur html pour tes infos qui sont cachés.

Une fois ta page chargée , tu appelles en javascript tes différents scripts via par axemple JQuery.get

Et dans le callback
- tu rempli le conteneur html concerné
- incrémente un compteur ou met un flag à true pour considérer l'action comme terminée
- Appel une méthode qui va vérifier si tous les flags sont à true ou si le compteur à atteint une certaine valeur pour cacher l'animation de chargement et afficher les données téléchargées.

Je détaillerais pas le code ici , puisque ça relève plus du forum javascript

[neGo33]

Je vais donc me tourner vers votre méthode. Enfin tenter, je suis pas trop un expert du JQuery