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

jQuery Discussion :

afficher un message pendant x secondes en jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Février 2010
    Messages : 14
    Par défaut afficher un message pendant x secondes en jquery
    salut !!!! j'ai un petit soucis avec le bout de code ci-dessous :
    l'utilisateur clique sur le bouton envoyer de son formulaire , si tout les champs sont remplis correctement , s'affiche ensuite un message lui disant que ses informations ont été mis jour dans pendant 5 secondes(problème le message ne s'affiche pas).
    et depuis je n'arrive pas résoudre le problème voila mon code pour faire simple :
    code php
    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
     
    <?php 
    if(empty($_POST['nom']))
    {
       echo 
          '<form action="0.php" method="post"><p>nom</p><input name="nom" type="text" id="nom">
              <span class="error-message"></span>
              <br>
          <input name="" type="submit" value="envoyer" id="envoyer"></form>'  ;
    }
    else
    {
             echo  '<div id="message"></div>' ;
            
    }
    ?>
    code javascript

    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
     
    jQuery(function($){
     
    	$("#envoyer").click(function(){
    		valider = true ;
     
    		if ($("#nom").val() === "")
    		{
    		    $("#nom").next(".error-message").fadeIn('slow').text("Entrer un nom"); 
    		    valider = false  ;
    		}
    		else
    		{
     
    		   $("#message").text("test reussi").fadeIn('slow',5000, function() {
                       $(this).fadeOut().empty();
    		   });
    		}
                     return valider ;
     
    	});
     
    })
    merci d'avance pour vos suggestions

  2. #2
    Inactif  
    Profil pro
    Inscrit en
    Novembre 2002
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2002
    Messages : 123
    Par défaut je vois une erreur de débutant là
    Citation Envoyé par edgeophy Voir le message
    merci d'avance pour vos suggestions
    Pop pop...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    		var valider = true ;

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Février 2010
    Messages : 14
    Par défaut
    erreur corrigé !!!

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    delay()
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Février 2010
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Février 2010
    Messages : 14

  6. #6
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Erreurs : il y avait l'absence de "var" et aussi : $("#message").text("test reussi").fadeIn('slow',5000, function() {.

    J'ai testé plusieurs variantes, mais je n'ai pas trouvé la solution ! Soit la soumission du formulaire se fait, soit elle ne se fait pas, mais elle n'attend jamais.


    [EDIT] J'ai testé plusieurs variantes, et j'ai fini par trouver une solution en passant par un clic sur un bouton ordinaire.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <form id="envoi_mail" method="post">
    	<p>nom</p>
    	<input id="nom" name="nom" type="text">
    	<span class="error-message"></span>
    	<br>
        <input id="envoyer" name="" type="button" value="envoyer">
    </form>
     
    <div id="message"></div>
    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
    function sendMail(){
    	$( "#envoi_mail" ).submit();
    };
     
    $( "#envoyer" ).click( function(){
    	if ( $( "#nom" ).val().length > 0 ){
     
    		$( "#message" )
    			.text( "test reussi" )
    			.fadeIn( 3000, function(){
    				$( this ).fadeOut( 3000, function(){
    					sendMail();
    				});
    			});
     
    	} else {
    		$( "#nom" )
    			.next( ".error-message" )
    			.fadeIn( 800 )
    			.text( "Entrer un nom" );
    	}
     
    	return false;
    });

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

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

Discussions similaires

  1. Comment afficher un message pendant un certain temps ?
    Par potili2 dans le forum Débuter
    Réponses: 4
    Dernier message: 16/01/2008, 11h08
  2. Comment afficher une fenêtre pendant 30 secondes ?
    Par samia13 dans le forum Composants VCL
    Réponses: 5
    Dernier message: 05/01/2008, 01h42
  3. Comment afficher un message durant quelques secondes?
    Par slyfer dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/12/2007, 16h24
  4. afficher une image pendant X seconde ?
    Par weldoo dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/11/2007, 16h56
  5. Afficher un message pendant un calcul
    Par Yjo dans le forum JSF
    Réponses: 14
    Dernier message: 17/10/2006, 21h28

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