Mettre "chargement en cours..."

**zorba49** · 15/05/2006, 16h05

Bonjour,

J'ai créé plusieurs pages "lourdes" a télécharger
ma premiere question est : existe-t-il des "methode" pour accelerer le chargement d'une page?
ma deuxieme question est : j'aimerai mettre "chargement en cours..." pendant le chargement de ma page mais je ny' arrive pas, quelqu'un saurai comme faire?

merci bcp d'avance

**SpaceFrog** · 15/05/2006, 16h20

accelerer le chargement des pages ... demande à ton client de prendre adls et un pc avec un browser performant ...

pour ce qui est du message de chargment ... sujet abordé si ma mémoire est bonne par Javatwister dasn les codes sources ...
un element dont on modifie le display en fin de page ...

Pour bien te former: Cours pour apprendre JavaScript

**guy777** · 15/05/2006, 16h42

Je t'envoie un bout de code qui m'a servi à faire une "loading bar" en Javascript.

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
17
18
19
20
21
22
23
24
25
26
27
28
 
<span id=LB0 style="position:absolute;left:50%;top:50%;">
	<span style="position:absolute;font-family:arial;font-size:10px;color:#000000;left:-50;top:-18">
		Loading...
	</span>
	<span style="position:absolute;left:-50;top:-5;font-size:1px;width:100;height:10px;background:#909090">
		<span id=LB1 style="position:absolute;left:0;top:0;font-size:1px;width:0;height:10px;background:#e0e0e0">
		</span>
	</span>
</span>
<script>
	document.getElementById('toolbar').style.visibility = 'hidden';
	m00=document.getElementById('toolbar').getElementsByTagName("img");
	m01=m00.length;
	function images_loading_bar() { 
		m02=0;
		for(i=0;i<m01;i++)
			m02+=(m00[i].complete)?1:0;
			document.getElementById("LB1").style.width=Math.round(m02/m01*100);
			if(m02==m01) {
				setTimeout("document.getElementById('LB0').style.display='none';",128);
				setTimeout("document.getElementById('toolbar').style.visibility = 'visible';",128);
			}
			else 
				setTimeout("images_loading_bar()", 64);
	};
	images_loading_bar();
</script>

Le code repère les images automatiquement et incrémente la barre au fur et à mesure du chargement des images
Reponds si probleme !

**zorba49** · 16/05/2006, 11h06

merci de vos reponses

voici le code que j'ai mis mais le texte chargement en cours ne s'affiche pas (?)

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
17
18
19
20
21
22
23
24
25
26
 
<html>
<head>
    <Script Language="Javascript">
    <!--
    function chargement() 
   {
   document.getElementById('tableau').style.visibility="visible";
   document.getElementById('messagechargement').style.display="none";
   }
   -->
   </script>
</head>
 
   <body OnLoad="chargement()">
 
<div id='tableau' style='visibility:hidden'>
       <%=TableauConsolidion_rms_groupe(request("page"),session("choixannee"))%>
</div>
 
<div id='messagechargement' style='position:absolute;top:200px;left:300px'>
Veuillez patienter pendant le chargement de la page
</div>
 
</body>
</html>

Voyez-vous ou est le prob?

merci d'avance

**guy777** · 16/05/2006, 11h16

Au chargement du body (onLoad) d'entrée de jeu, tu caches le messageChargement, normal qu'il ne s'affiche pas !

de plus dans ton cas je ne suis pas sûr qu'on puisse tester le chargement d'un tableau. Dans le code que je t'ai passé, on teste le chargement des images grâce à la propriété complete mais elle ne porte QUE sur l'objet Image

**zorba49** · 16/05/2006, 11h25

le probleme c'est que rien ne s'affiche pendant le chargement de la page, mais tout s'afiche une fois la page chargée!
je galere la!
j'ai changé le none mais tjs pareil

**guy777** · 16/05/2006, 13h28

De toutes façon, je ne pense pas que cela soit possible pour des éléments autres que des images

**zorba49** · 16/05/2006, 14h00

si ca y est j'ai trouvé

Code :

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

1
2
3
4
5
6
7
8
9
 
<Script Language="Javascript">
   <!--
   function chargement() {
   document.getElementById('messagechargement').style.display="none";
   document.getElementById('lienretour').style.display="inline";
}
   -->
   </script>

Code :

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

1
2
3
4
5
 
<center><div id='messagechargement'>
Veuillez patienter pendant le chargement de la page
</div></center>
<center><a href="consolidation.asp"><div id='lienretour' style='display:none'><B>Retour au menu</B></div></a></center>

Pendant le chargement de mon tableau, c'est le texte qui est affiché, puis lorsque le chargement est terminé, le texte s'efface et le lien retour prend sa place

**guy777** · 16/05/2006, 14h12

comprends pas tout là !

 c'est autorisé çà dans le javascript ???
C'est pour le commentaire normalement, et si tout le script est entre commentaires je vois pas à quoi il sert !

**systemofaxav** · 26/05/2006, 17h09

C'est du commentaire HTML, donc ça ne pose pas de problèmes pour executer le script.

Je crois que dans le temps (

) c'était même obligatoire de mettre son script entre commentaires HTML....

Invité · 03/09/2007, 16h02

Envoyé par guy777

comprends pas tout là !

 c'est autorisé çà dans le javascript ???
C'est pour le commentaire normalement, et si tout le script est entre commentaires je vois pas à quoi il sert !

On met ça pour que les navigateurs qui n'interprête pas le javascript (c'est vrai y'en a plus beaucoup...) n'affiche pas ton code javascript en plein milieu d'une page.

**SpaceFrog** · 03/09/2007, 16h59

très utile pour la validation w3c

Mettre "chargement en cours..."

JavaScript

Discussions similaires

Partager

Partager