IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Chargement de la page


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Analyse système
    Inscrit en
    Mars 2011
    Messages
    444
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Mars 2011
    Messages : 444
    Par défaut Chargement de la page
    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

  2. #2
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    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é.

  3. #3
    Membre éclairé
    Homme Profil pro
    Analyse système
    Inscrit en
    Mars 2011
    Messages
    444
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Mars 2011
    Messages : 444
    Par défaut
    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>

  4. #4
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    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.

  5. #5
    Membre éclairé
    Homme Profil pro
    Analyse système
    Inscrit en
    Mars 2011
    Messages
    444
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Mars 2011
    Messages : 444
    Par défaut
    mais au moment de l'envoi de mail je voix la page entrain de se charger pour un bout de temps.

  6. #6
    Membre Expert
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Par défaut
    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.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [iframe]pb de chargement d'une page
    Par Destampy dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 26/05/2005, 11h19
  2. Chargement d'une page
    Par krfa1 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 13/05/2005, 09h53
  3. [JSP] pbl chargement d'une page JSP
    Par Shiryu44 dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 30/03/2005, 10h49
  4. Réponses: 4
    Dernier message: 08/06/2004, 09h01
  5. Attendre la fin du chargement de la page dans un WebBrowser
    Par core1 dans le forum Web & réseau
    Réponses: 5
    Dernier message: 15/06/2003, 04h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo