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
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
On cache l'élément HTML contenant le message d'attente une fois le document chargé.
Pour le test et voir se qui se passe, remplace la ligne
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>
hideLoadBox();par la ligne
qui nous permet d'attendre 5 secondes avant que le message soit caché.
Code js : Sélectionner tout - Visualiser dans une fenêtre à part setTimeout(hideLoadBox,5000);
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>
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.
mais au moment de l'envoi de mail je voix la page entrain de se charger pour un bout de temps.
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.
Partager