mettre un "en chargement" sur un onclick

**taka10** · 20/12/2007, 18h10

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

**jln13** · 20/12/2007, 21h04

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 ^^.

**SpaceFrog** · 21/12/2007, 09h07

si tu as des images à charger tu peux avoir un pourcentage ..

**taka10** · 21/12/2007, 10h13

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?

**SpaceFrog** · 21/12/2007, 10h23

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 ?

**taka10** · 21/12/2007, 10h32

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"

**SpaceFrog** · 21/12/2007, 10h41

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

**taka10** · 21/12/2007, 10h45

c'est pas possible de faire par exemple:

Code :

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

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>

**SpaceFrog** · 21/12/2007, 10h49

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

**taka10** · 21/12/2007, 10h51

mais je ne veux pas de pourcentage

**SpaceFrog** · 21/12/2007, 10h53

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

**taka10** · 21/12/2007, 10h55

justement comment savoir en javascript si un traitement est fini?

**SpaceFrog** · 21/12/2007, 11h00

dans ton readystatus ...

**taka10** · 21/12/2007, 11h03

readystatus?

**SpaceFrog** · 21/12/2007, 11h08

heu tu n'utilises pas ajax ?

**taka10** · 21/12/2007, 11h08

non

**SpaceFrog** · 21/12/2007, 11h11

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

**taka10** · 21/12/2007, 12h02

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

**SpaceFrog** · 21/12/2007, 12h13

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

mettre un "en chargement" sur un onclick

JavaScript

Partager

Partager