Grise mon site au demarrage

Version imprimable

08/07/2010, 09h46
p2w.walas

Grise mon site au demarrage

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. :P
Merci.

Bonjour,

Pour le timer, tu peux utiliser setInterval() pour marquer la pause comme dans le code suivant:

Code:

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

08/07/2010, 10h31
javatwister

rendre inaccessible sa page d'accueil pendant dix secondes 8O

quelle drôle d'idée!
08/07/2010, 10h35
ranell

Citation:

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.
08/07/2010, 11h37
p2w.walas

C'est en faite pour attendre le chargement de certains composants et j'en profite donc pour affiche un petit message :lol:
08/07/2010, 11h42
ranell

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!;)

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

Code:

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:

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

et c'est fait

09/07/2010, 11h47
p2w.walas

Merci pour votre aide je vais tester ca de suite 8O