Grise mon site au demarrage

**p2w.walas** · 08/07/2010, 09h46

Bonjour à tous,

J'aimerai que lorsque l'on se connecte sur mon site (index.php), le site soit grisé pendant environ 10 seconde et que soit affiché un message en plus d'un compte à rebour une fois à zero le message disparais et on peut acceder au site.
Je sais pas trop comment mis prendre si quelqu un a une idée je suis preneur.

Merci.

**ranell** · 08/07/2010, 10h27

Bonjour,

Pour le timer, tu peux utiliser setInterval() pour marquer la pause comme dans le code 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
20
21
22
23
24
25
26
27
<script type="text/javascript">
	var valeur_origine = 10;
 
 
	var valeur = valeur_origine
	var x;
	function Init()	{
		window.document.getElementById('compteur').value=valeur;
		x = window.setInterval('Decompte()', 1000);
	}
 
	function Decompte()	{
		((valeur > 0)&&( ! window.document.getElementById('MaCheck').checked)) ? (window.document.getElementById('compteur').value = --valeur) : (window.clearInterval(x));
	}
 
	function Relance(elem)	{
		if( ! elem.checked )		x= window.setInterval('Decompte()', 1000);
	}
 
	function ResetCompteur()	{
		valeur = valeur_origine;
		window.document.getElementById('MaCheck').checked = false;
		window.clearInterval(x)
		Init();
	}
	window.onload = Init;
</script>

L'intégrer dans un alert peut être?

Sinon cherche encore du coté de setTimeout() pour des raisons de comptabilité.

Pour l'effet grisé pense à la transparence alpha.

Voilà!

**javatwister** · 08/07/2010, 10h31

rendre inaccessible sa page d'accueil pendant dix secondes

quelle drôle d'idée!

**ranell** · 08/07/2010, 10h35

rendre inaccessible sa page d'accueil pendant dix secondes

quelle drôle d'idée!

oui c'est vrai que c'est pas le top pour attirer les visiteurs.

Ceci dit... c'est pour attendre le chargement de quelques composantes? ou de mettre une intro après? pas le top non plus,il y'a d'autres moyens pour contourner cela.

**p2w.walas** · 08/07/2010, 11h37

C'est en faite pour attendre le chargement de certains composants et j'en profite donc pour affiche un petit message

**ranell** · 08/07/2010, 11h42

Je te conseille alors si c'est des images de les "fragmenter" en affichage avec des fonctions javascript pour que se soit plus rapide et moins lourds , sinon si c'est des animations flash, de penser a un loader/optimiser la tailler de tes animations.

Autrement, perso, si je tombe sur un site qui m'invite d'attendre 10 secondes le temps qu'il se charge, c'est sûr j'y resterais pas.

Bon courage!

**sekaijin** · 08/07/2010, 17h04

je gris jusqu'au chargement complet et que l'IHM est OK

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
    <body scroll="no">
        <div id="loading-mask">
            <div id="loading-msg">
                <div id="loading">
 
                    <img src="<?php echo $this->baseUrl; ?>/public/scripts/ext/resources/images/default/shared/large-loading.gif" width="32" height="32"  align="bottom"/>
                    Loading...
                </div>
            </div>
        </div>
        <!-- App Components -->
        <script type="text/javascript" src="...."></script>
 
        <script type="text/javascript">
            app.FrontController.run();
        </script>
    </body>

lorsque le run à tout préparé et que c'est ok il fait un

Code :

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

doccument.getElementById('loading-mask').style.display='none';

et c'est fait

**p2w.walas** · 09/07/2010, 11h47

Merci pour votre aide je vais tester ca de suite

Grise mon site au demarrage

JavaScript

Discussions similaires

Partager

Partager