Mettre "chargement en cours..."

Version imprimable

15/05/2006, 16h05
zorba49

Mettre "chargement en cours..."

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
15/05/2006, 16h20
SpaceFrog

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

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

Code:

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 !

merci de vos reponses

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

Code:

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

16/05/2006, 11h16
guy777

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
16/05/2006, 11h25
zorba49

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
16/05/2006, 13h28
guy777

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

si ca y est j'ai trouvé

Code:

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:

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

16/05/2006, 14h12
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 !
26/05/2006, 17h09
systemofaxav

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

Je crois que dans le temps (:lol:) c'était même obligatoire de mettre son script entre commentaires HTML....
03/09/2007, 16h02
Invité

Citation:

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. :king:
03/09/2007, 16h59
SpaceFrog

très utile pour la validation w3c :mrgreen: