Page longue à charger : afficher la progression

le Sam Juil 12, 2008 15:00

Bonjour,

Sur la V3 de mon 3W, j'ai plusieurs pages assez lourdes. J'aimerais que se charge déjà le début de la page (tout sauf une maps GG), rapidement, ainsi qu'un indicateur qui montre le % de chargement du reste (la partie lourde, la maps), qui s'afficherai finalement une fois arrivée à 100%

Comment peut-on faire ça ?

Merci d'avance,

Michaël

le Sam Juil 12, 2008 15:18

Salut,

Perso, j'utilise mootools comme librairie javascript et si j'étais dans ton cas, pour charger la map seulement à la fin, j'utiliserais ( j'en ai pas eu besoin encore mais je garde ça dans ma hotte )
http://docs.mootools.net/Plugins/Assets
qui te permet de charger dynamiquement javascript, css et images.
Après pour le % je sais pas..

le Sam Juil 12, 2008 16:11

Ca à l'air intéressant, mais je ne vois pas trop comment adapter ça à une GG maps.
(Et en plus je n'y connais rien en js).
Tu ferais ça comment ?

le Dim Juil 13, 2008 2:59

OTP a écrit:Ca à l'air intéressant, mais je ne vois pas trop comment adapter ça à une GG maps.
(Et en plus je n'y connais rien en js).
Tu ferais ça comment ?

dans les mods phpBB y a un script pour afficher une image durant le temps de chargement de la page

j'ai aussi un bout de js dans mes foufes
je ne sais meme pas si y a pas un post dans mon www

tu devrais t'inspirer de ce genre de menu , ainsi tu charges pas tout d'un coups
*http://dev.developpements.org/presentations-titres-services.html

prends le script

le truc c'est des appels html via ajax
c tout simple , tu a deux div a respecter
la div du contenu et la div du menu
les appels javas dans le header html , et creer des pages qui se noment article

si je suis trop zarb sur le post on peux en discuter en pv

le Dim Juil 13, 2008 9:32

Ca ne marche pas sous FF !

le Dim Juil 13, 2008 11:04

OTP a écrit:Ca ne marche pas sous FF !

tu est sur ? chez moi ça marche

fais pas attention a la colone d'extreme droite, la effectivement c mort en ff

mais le reste marche sur tout normalement

le Dim Juil 13, 2008 19:51

Ok, j'y retourne !

le Dim Juil 13, 2008 21:00

J'ai cherché un truc plus simple et trouvé ça :

Code: Tout sélectionner: <script type="text/javascript"> onload=function(){ document.body.removeChild(document.getElementById("mess")); } </script>

Avec :

Code: Tout sélectionner: <h1 id="mess"> Veuillez patienter... </h1>

Mais ça ne marche que ci le h1 est juste après le body.

Comment pourrai-je modifier le code pour pouvoir placer le h1 où je veux ?

le Dim Juil 13, 2008 21:15

onload=function(){
document.all.mess.style.visibility = "hidden";
}

Essaie, on sait jamais

le Dim Juil 13, 2008 21:16

Tu veux cacher quoi ?

le Dim Juil 13, 2008 21:21

La balise <h1>
(voir message au dessus complété)

le Dim Juil 13, 2008 21:25

Ok.
Pas de souci à mettre des hidden avec GG qui n'aime pas ça ?

le Dim Juil 13, 2008 21:34

Le message ne s'efface pas.

le Dim Juil 13, 2008 21:41

Mais si ça marche !

<script ...>
function cache()
{
document.all.mess.style.visibility = "hidden";
}
</script>

<body onload="javascript:cache();">

<h1 id="mess">TEXTE A CACHER A LA FIN DU CHARGEMENT</h1>

Une autre piste plus complète est là, je te laisse analyser le code source : http://www.easy-script.com/exemple/dhtml_as_ex1/ex.html

le Dim Juil 13, 2008 21:54

Ah, ok, comme ça.
Je vais prendre ton script, il me va.
Merci !

Page longue à charger : afficher la progression

Page longue à charger : afficher la progression

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne