11493 sujets

JavaScript, DOM et API Web HTML5

AJAX et gif de chargement

bonjour

Tout d'abord je précise que mes compétences en programmation sont très limitées.

J'utilise ajax pour charger les pages de mon site, et j'aimerais qu'une petite animation GIF s'affiche au chargement, puis disparaisse une fois la page chargée.

Voici mon site : http://snowaddict06.free.fr/site/index.html

Comme vous pouvez le voir, j'ai bien réussi sur la page index, en mettant le GIF dans une div , puis au <body onload je masque la div. Ca marche très bien, mais je n'arrive pas à le faire pour toutes les pages du site. Ca ne marche que sur le index. J'ai un peu tout essayé, en bidouillant avec les div / masquer / afficher et avec les onload / onunload ... mais rien ne fonctionne.

Déjà j'ai une question : où mettre le gif animé ? sur le index ? ou sur chaque page qui va être loadée ?

J'ai bien cherché sur le net, et les quelques codes que j'ai pu trouver ne fonctionnent pas dans mon cas, par exemple ça http://www.reconn.us/wait_while.html

merci de votre aide.
merci , mais c'est trop compliqué pour moi.

Ya pas un moyen plus simple ? Par exemple avec des div + body onload .... Ca marche sur l'index. Il faut juste trouver un moyen d'afficher / masquer cette div qui contient mon gif , quand on click sur un bouton. L'afficher, ça marche avec un onclick sur le bouton , mais pour la masquer quand la page est loadée , c'est une autre histoire. J'ai tenté de masquer la div avec onmousemove ou onmouseover , mais bon c'est de la gruge Smiley langue

je vais étudier cette solution : http://www.commentcamarche.net/forum/affich-3258041-cacher-div-en-javascript
Modifié par SnowAddict (09 Sep 2009 - 20:11)
bon j'ai récupéré sur le net 2 petits fichiers .js , qui servent à loader le contenu d'une page puis de l'afficher.

<html>
<body>
<script language="javascript" type="text/javascript" src="scripts/loader1.js"></script>

contenu du site

<script language="javascript" type="text/javascript" src="scripts/loader2.js"></script>
</body >
</html>

Voilà en gros comment est construit le site. Ca marche pour le index , mais pas quand je fais appel à la fonction ajax pour loader les rubriques.

Ma question est : comment l'appliquer au ajax ?
Sujet clos
Aller à