Chargement d'une page : Afficher une barre de chargement

**JBNCRAV** · 16/11/2007, 18h23

Bonjour à tous, je suis nouveau sur ce forum et espère avoir posté au bon endroit.
Je souhaiterais lors de l'ouverture par un clic sur une des pages de mon site web, d'une page se trouvant sur un serveur (base de données), voir apparaitre pendant le chargement de cette page, (à la place d'une page blanche), une barre de progression qui disparait à la fin du chargement de cette page. Est ce possible?
Merci d'avance pour vos cogitations.
JP

**denisC** · 16/11/2007, 20h49

Envoyé par JBNCRAV

Est ce possible?

Bonjour!

Tout est possible, mais c'est plus ou moins compliqué. Dans votre cas, il me semble que cela est bien compliqué pour pas grand chose. Tous les navigateurs récents intégrent une barre de progression (en bas à gauche) qui me semble suffisant.

Pour obtenir une solution de la sorte de ce que vous cherchez, la seule solution sure consiste à charger dans un premier temps une page ne contenant que le symbole d'attente puis à charger la page proprement dite.

Pour ce faire, on peut utiliser des iframes ou Ajax, ou toute autre technologie permettant de faire un chargement en arrière plan. Mais ce mécanisme va être long et compliqué à mettre en oeuvre, pour un résultat à l'utilité questionnable.

PS : ce post sera transféré une fois la solution technique décidée.

**JBNCRAV** · 17/11/2007, 09h14

Dans le navigateur (IE7), en bas à gauche, lors de l'ouverture de cette page qui se trouve sur le serveur, il n'y a que l'indication du chemin, c'est pour cette raison que j'ai souhaité mettre une information à la place de cette page blanche qui ne s'ouvre que 10 à 15 sec après la demande d'ouverture. De plus ce site s'adresse à des personnes qui ne sont pas necessairement agueries à l'informatique, donc une bonne visualisation peut arranger les choses.
Une barre de progression serait le pied, mais une information du style "page en cours de chargement" ferait aussi bien l'affaire.
Merci pour votre réflexion.

JP

**denisC** · 19/11/2007, 16h31

Envoyé par JBNCRAV

Une barre de progression serait le pied, mais une information du style "page en cours de chargement" ferait aussi bien l'affaire.

Bonjour,

Je ré-oriente votre question ver le forum HTML. Il me semble qu'une solution serait de charger une page mettant en avant le message / barre de progression (uniquement sous forme d'un icone animé) contenant une iframe cachée dans un premier temps, puis venant se mettre en avant après le chargement.

Bonne chance!

**Bisûnûrs** · 19/11/2007, 17h02

On peut simplement faire comme ça :

Code javascript :

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

1
2
3
4
function chargement(){
   document.getElementById('chargement').style.display='none';
   document.getElementById('site').style.visibility='visible';
}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<body onload="chargement()">
 
<div id="chargement" style="width:150px;height:50px;position:absolute;top:0;left:0;color:red;font-weight:bold;font-size:14px;background:white;">
   Chargement ...
</div>
 
<div id="site" style="visibility:hidden;">
   <!-- Tout le site ici -->
</div>
 
</body>

**JBNCRAV** · 19/11/2007, 19h33

Merci cela correspond à ce que je souhaitais, un plus serait d'avoir à coté du message, une petite animation du style IE7 avec les petits points qui tournent pour bien montrer qu'il se passe quelque chose! Mais mais j'ai peur d'abuser !!!
Merci.

JP

Chargement d'une page : Afficher une barre de chargement

HTML

Vue hybride

Discussions similaires

Partager

Partager