mettre un "en chargement" sur un onclick

Version imprimable

20/12/2007, 18h10
taka10

mettre un "en chargement" sur un onclick

Bonjour

Voila ce que je veux est assez simple à comprendre mais je ne vois pas comment le réaliser en javascript.

J'ai un menu avec sous-menu, lorsque je clique sur une rubrique du menu, le sous-menu est assez long à se charger et on ne voit meme pas qu'il charge, j'aimerai mettre pendant ce chargement, un genre de message " en chargement" qui disparaitrait une fois le sous-menu chargé.

D'avance merci
20/12/2007, 21h04
jln13

salut,

perso la technique que j'utilise pour ca c'est de charger une div cachée contenant une image au format gif au chargement de la page. Ensuite sur l'action de l'utilisateur tu affiches cette div en attendant le resultat de ton action.

Ca te met pas les pourcentages d'avancement du chargement mais bon.. c'est largement suffisant a mon humble avis ^^.
21/12/2007, 09h07
SpaceFrog

si tu as des images à charger tu peux avoir un pourcentage ..
21/12/2007, 10h13
taka10

merci pour vos réponses

jln 13, oui c'est exactement ce que je veux, j'ai pas besoin du porucentage d'avancement, aurais tu un bout de code?
21/12/2007, 10h23
SpaceFrog

C'est justement ce que l'on te dit, si tu n'a pas d'image ça risque d'etre compliqué en javascript ...
le traitement consiste en quoi ?
21/12/2007, 10h32
taka10

je lis un fichier xml avec menus et sous-menu, lorsque je clique sur une rubrique du menu, on met un - au lieu du + à coté de la rubrique et on affiche le sous-menu seulement c'est long donc j'aimerai que pendant le chargement , il m'affiche "chargement en cours"
21/12/2007, 10h41
SpaceFrog

j'ai bien peur que ce ne soit pas possible si tu ne peux pas faire une division
(traitmement accompli / traitement total)/100

c'est pas possible de faire par exemple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<a href="#" onclick="chargement()">test</a>
 
<script type="javascript">
function chargement()
{
    while(chargement menu pas fini)
   {
      //on rend visible le div avec l'image chargement
   }
   //on rend invisible le div
}
 
 
 
</script>

21/12/2007, 10h49
SpaceFrog

oui c'est un peu lourd et gourmand masi tu n'auras pas de pourcentage dans ce cas là ...

un setInterval serait mieux ...

sinon avec la possibilité de faire un calcul de %age ça donne un truc comme ça :
http://www.sebemex.fr/Extramiante/Catalogue/index.htm
21/12/2007, 10h51
taka10

mais je ne veux pas de pourcentage
21/12/2007, 10h53
SpaceFrog

alors mets simplement une variable globale sur ta page que tu modifies en finc dr traitement
puis dasn un setInterval tu testes la variable globale
si elle indique la fin du traitement tu fais disapraitre le div et tu fais un clear interval
21/12/2007, 10h55
taka10

justement comment savoir en javascript si un traitement est fini?
21/12/2007, 11h00
SpaceFrog

dans ton readystatus ...
21/12/2007, 11h03
taka10

readystatus?
21/12/2007, 11h08
SpaceFrog

heu tu n'utilises pas ajax ?
21/12/2007, 11h08
taka10

non
21/12/2007, 11h11
SpaceFrog

le div tu le mets en display:block par defaut et en bas de la page qui se charge, en denière ligne tu mets un scritp qui masque le div display:none et c'est tout
21/12/2007, 12h02
taka10

ok merci, par contre c'est possible de compter, en javascript, le nombre de div avec un id qui commence par smenu.... par exemple?
21/12/2007, 12h13
SpaceFrog

oui dasn une boucle sur la collection getElementsByTagName('*') et testant if subsrt ...