Chargement de la page

**benhsaien** · 13/09/2011, 13h22

Bonjour
y'a t'il une solution simple pour afficher un message au moment de chargement de la page du genre "veuillez patienter pendant le chargement de la page."merci

**Eric2a** · 13/09/2011, 14h02

On cache l'élément HTML contenant le message d'attente une fois le document chargé.

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
28
29
30
31
32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<style type="text/css" media="screen">
			#loading{
				display:block;
				position:absolute;
				width:128px; height:24px;
				left:50%; top:50%;
				margin:-12px 0 0 -64px;
				padding:8px;
				text-align:center;
				color:#000;
				background-color:#eee;
				border:1px #000 solid;
			}
		</style>
		<script type="text/javascript">
                        function hideLoadBox(){
                                document.getElementById('loading').style.display='none';
                        }
                        window.onload=function(){
                                hideLoadBox();
                        }
                </script>
	</head>
	<body>
		<div id="loading">Merci de patienter...</div>
	</body>
</html>

Pour le test et voir se qui se passe, remplace la ligne

hideLoadBox();

par la ligne

Code js :

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

setTimeout(hideLoadBox,5000);

qui nous permet d'attendre 5 secondes avant que le message soit caché.

**benhsaien** · 13/09/2011, 14h08

Merci Eric2a
et pour mon code je l'est met ou ?? par exemple je fait l'envoi de mail le message s'affiche vit fait apres chargement je croi l'emplacement du code pas au bon endroit:

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<style type="text/css" media="screen">
			#loading{
				display:block;
				position:absolute;
				width:128px; height:24px;
				left:50%; top:50%;
				margin:-12px 0 0 -64px;
				padding:8px;
				text-align:center;
				color:#000;
				background-color:#eee;
				border:1px #000 solid;
			}
		</style>
		<script type="text/javascript">
                        function hideLoadBox(){
                                document.getElementById('loading').style.display='none';
                        }
                        window.onload=function(){
                                hideLoadBox();
                        }
                </script>
	</head>
	<body>
		<div id="loading">Merci de patienter...</div>
		<?php
        //require "C:/wamp/bin/php/php5.2.6/tmp/symfony-1.2.10/lib/plugins/sfCompat10Plugin/lib/vendor/phpmailer/class.phpmailer.php";
        require $_SERVER['DOCUMENT_ROOT']."test/mail/class.phpmailer.php";
//      require_once "Mail.php";
        
        $mail = new PHPmailer();
        $mail->IsSMTP();
        $mail->Host='';
        $mail->From='';
        $mail->AddAddress('');
        //$mail->AddReplyTo('');        
        $mail->Subject='Exemple trouvé sur DVP';
        $mail->AddAttachment('');
        $mail->Body.='<img src="C:/Documents and Settings/y.benhsaien/Bureau/mail_image.bmp">';
        $mail->Body.='</center></body></html>';
        $mail->Body='Gestion Missions: message de test';
        $mail->Send();
?>
	</body>
</html>

**Eric2a** · 13/09/2011, 14h15

Dans ce cas, cette fonctionnalité n'est pas adaptée puisque le mail est envoyé avant même que la page HTML soit servie au navigateur.

**benhsaien** · 13/09/2011, 14h23

mais au moment de l'envoi de mail je voix la page entrain de se charger pour un bout de temps.

**Eric2a** · 13/09/2011, 14h36

C'est une fois l'éxecution du script terminée que le navigateur réceptionne la page pour l'interpréter. Vu que la dite page ne contient quasiment rien, il est normal de ne pas avoir le temps de lire le message d'attente.

Je te recommande de te documenter (voir ouvrir une discussion) sur l'utilisation d'AJAX pour envoyer le mail.

Chargement de la page

HTML

Vue hybride

Discussions similaires

Partager

Partager