Fenêtre "Splash Window"

Version imprimable

14/08/2006, 19h35
tommey

Bonjour, je suis un développeur web jsp et je suis à la recherche d'un code javascript qui pourrait faire afficher un petit "popup" lors du chargement d'une page qui pourrait contenir une image et une progress bar. J'ai entendu dire qu'en javascript on pourrait récupèrer les valeurs contenues dans la progress bar du naviguateur. J'aimerais pouvoir récupèrer ces valeurs et les utiliser dans ma petite fenêtre de chargement pour que ma progress bar soit la plus réelle possible.À la fin du chargement, j'aimerais que la fenêtre se ferme automatiquement.

Entk si vous avez des suggestions de link ou bien que vous avez justement un petit code qui fait (ou une partie) de ça, répondez moi svp.

Merci d'avance

@++
14/08/2006, 19h57
FremyCompany

Renseigne toi sur window.open pour en connaitre les arguments;
Je te propose, en vue de faire un spash window, de faire une fenêtre en full-screen, dont le fond serait en couleur unie, et avec au centre TABLE+CENTER ton splash screen !

Pour ce qui est de récuperer ou éditer des objets dans une fenêtre :

Code:

window.splash = window.open(url,target,args)

window.splash est maintenant égal à l'objet "window" de ton popup ;)
Pour la suite :

Code:

window.splash.document.getElementById("")
14/08/2006, 21h53
tommey

Pour ce qui est du splash screen en tant que tel, je n'ai pas de problème à le faire afficher ou à le construire...

La partie où je n'ai aucune idée du "comment faire" c'est d'associer l'ouverture, la progression du status bar et la fermeture avec le "progress bar" du naviguateur. J'aimerais que la fenêtre s'ouvre en même tant qu'une nouvelle page se charge (s'il n'y a pas moyen de le faire autrement je vais l'appeler à chaque fois où une page s'ouvre). Et vice verse quand le chargement est terminé.

Bref.. ma grosse question est de comment récupèrer les valeurs de progression du status bar du naviguateur web. Exemple : si la progression du chargement est à 50%, ma Status bar du splash window le sera aussi. (Real time)

Je sais pas si tu comprend ce que je veux faire mais j'ai entendu dire que je pouvais récupère ces valeurs. Si tu comprend pas dit le et je vais reformuler.

Merci de m'aider

a+

Tu ne peux peux lire l'avancement de la progressbar, ca c'est sur, mais pour l'ouverture et le fermeture de ta splash window, je te propose le modèle suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title></title>
<script>
window.splash=window.open[...];
window.splash.timer=setInterval(function() {
    // fonction qui ajoute un "." au contenu d'une DIV ou similaire
    window.splash.addTime()
}, 1000)
// Fonction invokée après endTime pour fermer la fenêtre
window.splash.beginClose=function() {
    clearInterval(this.timer);
    setTimeout(this.close(), 1000);
}
</script>
</head>
<body onload="window.splash.endTime(); // Enlève les '.' de la DIV et affiche un texte 'Chargement terminé !' ou similaire">
</body>
</html>

14/08/2006, 22h13
tommey

Je vais essayer ça et je reviendrai cliquer sur résolu si c'Est le cas :)

merci de ton aide
15/08/2006, 19h58
tommey

Salut mek! Ton code est intéressant mais je ne comprend pas qu'est-ce que tu veux dire par faire une fenêtre full screen avec un table au centre...

L'utilité que je veux faire de mon splash screen est d'afficher le chargement de la page à chaque fois que la page change (car je code une application lié à un BD et les requête peuvent être grosse parfois). Je ne veux pas faire une page d'intro à un site comme tu me semble penser.

Bref j'ai essayer ton code et le splashscreen s'ouvre quand la page s'ouvre mais une erreur javascript survient. (Cet objet ne gère par cette propriété ou cette méthode)

Citation:

window.splash=window.open("gabarits/splash.html","SplashWindow","width=150,height=150,toolbar=no,status=no");
window.splash.timer=setInterval(function() {
// fonction qui ajoute un "." au contenu d'une DIV ou similaire
window.splash.addTime()
}, 1000)
// Fonction invokée après endTime pour fermer la fenêtre
window.splash.beginClose=function() {
clearInterval(this.timer);
setTimeout(this.close(), 1000);

Est-ce que les function() que tu as mit doivent être remplacer par mes propres function? je ne suis pas sur de comprendre..

Entk répond moi dude
merci
a+
15/08/2006, 20h09
FremyCompany

tu dois implementer deux fonctions dans ta fenêtre :
window.addTime qui est exécutée toutes les secondes
window.endTime qui est exécutée quand la page est chargée
15/08/2006, 20h12
tommey

Bref je cré deux fonction que ce script appelera

function addtime()
{
je fait quelque chose ici
}

function endtime()
{
self.close ou dequoi du genre
}

???
15/08/2006, 20h24
tommey

Ok j'ai compris!!

Ça marche le popup ouvre et se ferme après le chargement sauf que après que self.close() soit éxécuté, j'ai un erreur assez weird qui sort

Citation:

L'appelé (serveur[pas application serveur]) n'est pas disponible et a disparu ; aucune connexion n'est valide. L'appel ne s'est pas exécuté.

J'ai jamais vu cette erreur la et toi?

Si tu peux répondre à ça tant mieux sinon tant pis et ça sera résolu

Merci bien

a+:mouarf:
15/08/2006, 21h15
FremyCompany

Citation:

Envoyé par tommey

Ok j'ai compris!!

Ça marche le popup ouvre et se ferme après le chargement sauf que après que self.close() soit éxécuté, j'ai un erreur assez weird qui sort

J'ai jamais vu cette erreur la et toi?

Si tu peux répondre à ça tant mieux sinon tant pis et ça sera résolu

Merci bien

a+:mouarf:

Ca veut juste dire que tu n'a pas fait le clearInterval(this.timer) dans le window.endTime ;)

Alors il essaie d'executer addTime de la fenêtre... qui n'existe plus ;)
15/08/2006, 22h41
tommey

Il y a un affaire que je comprend pas. la fonction endTime() je la déclare tu dans le fichier qui call le popup ou bien dans le popup lui même?

Regarde mon code :

Fichier qui call le popup

Citation:

<script type="text/javascript" language="Javascript" >
//var winl = (screen.width) ? (screen.width-200)/2 : 0;
//var wint = (screen.height) ? (screen.height-100)/2 : 0;
window.splash = window.open("<%=request.getContextPath()%>/gabarits/splash.html","_blank","width=200,height=100,top=350,left=450");
window.splash.timer=setInterval(function() {
// fonction qui ajoute un "." au contenu d'une DIV ou similaire
window.splash.addTime()
}, 1000)
// Fonction invokée après endTime pour fermer la fenêtre
window.splash.beginClose=function() {
clearInterval(this.timer);
setTimeout(this.close(), 1000);}

</script>

Le fichier du popup

Citation:

<script language="javascript" type="text/javascript">
function addTime()
{
}
function endTime()
{
self.close();
}
</script>

Où doit-je le mettre le clearInterval(this.timer);??
Ça fonctionne presque....il manque juste ça

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="javascript" type="text/javascript">
window.addTime = function ()
{
    // Exemple :
    this.document.getElementById("advancement").innerHTML += "."
    // Obligatoire :
    this.focus();
}
window.endTime = function()
{
    // Exemple :
    this.document.getElementById("advancement").innerHTML = ("" +
        "Chargement termine ! La page va s'afficher dans quelques instants...." +
    "");
    // Obligatoire :
    clearInterval(this.timer);
    setTimeout("self.close();", 1000)
}
</script>

17/08/2006, 15h31
tommey

Merci bien mec!
17/08/2006, 17h25
FremyCompany

Citation:

Envoyé par tommey

Merci bien mec!

Quand tu auras terminé, je voudrais bien voir le résultat (si cela est possible, bien évidement ;))
17/08/2006, 19h58
tommey

Moi je voudrais bien, mais je travail sur un intranet :?
Je n'ai pas de lien externe où je pourrais mettre mon application pour te la montrer...et en plus tout ça est relié à une bd.
Entk si je trouve un moyen je te le dirai

ca fonctionne bien sauf pour l'errer javascript que je t'ai dit lautre jour et que ta dis que c'était parce que l'application rappelais le addTime() mais la fenêtre est déja fermer...J'ai fait comme tu m'as dit dans le endTime() mais ça le fait encore. TK c'estun détail pour l'instant.

Je t'en reparle si j'trouve une facon de te le monter.!

a+