Fenêtre "Splash Window"

**tommey** · 14/08/2006, 18h35

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

@++

**FremyCompany** · 14/08/2006, 18h57

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 :

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

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

window.splash est maintenant égal à l'objet "window" de ton popup

Pour la suite :

Code :

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

window.splash.document.getElementById("")

**tommey** · 14/08/2006, 20h53

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+

**FremyCompany** · 14/08/2006, 21h09

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 :

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
<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>

**tommey** · 14/08/2006, 21h13

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

merci de ton aide

**tommey** · 15/08/2006, 18h58

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)

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+

**FremyCompany** · 15/08/2006, 19h09

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

**tommey** · 15/08/2006, 19h12

Bref je cré deux fonction que ce script appelera

function addtime()
{
je fait quelque chose ici
}

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

???

**tommey** · 15/08/2006, 19h24

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

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+

**FremyCompany** · 15/08/2006, 20h15

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+

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

**tommey** · 15/08/2006, 21h41

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

Le fichier du popup

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

**FremyCompany** · 16/08/2006, 11h00

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
<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>

**tommey** · 17/08/2006, 14h31

Merci bien mec!

**FremyCompany** · 17/08/2006, 16h25

Envoyé par tommey

Merci bien mec!

Quand tu auras terminé, je voudrais bien voir le résultat (si cela est possible, bien évidement

)

**tommey** · 17/08/2006, 18h58

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+

Fenêtre "Splash Window"

JavaScript

Discussions similaires

Partager

Partager