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 :

Affichage texte selon la class d'un élément


Sujet :

jQuery

  1. #1
    Membre régulier
    Homme Profil pro
    Inscrit en
    Juin 2012
    Messages
    110
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juin 2012
    Messages : 110
    Points : 91
    Points
    91
    Par défaut Affichage texte selon la class d'un élément
    Bonjour,

    Je développe un petit jeu en jquery
    Des que 2 cartes identiques sont soulevés, j'applique une class "trouvee"

    Ensuite, dès que 2 cartes ont la class "trouvee" j'aimerais leur appliquer une nouvelle class afin d'afficher un petit texte.
    Seulement avec mon code, le petit texte ne s'affiche pas qu'une seule fois mais à chaque fois... et si j'ai une nouvelle carte trouvée, il affichera 2 textes, ainsi de suite...

    Je ne trouve pas la solution....
    Pourriez-vous m'aider ?

    Mon code :
    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
     
    if( $(".s-5").hasClass('trouvee')){
     
    		$('.ptittxt').append("<b>HELLO 1</b>").fadeOut('slow',5000, function() {
        // c'est le callback, l'animation est terminée
        $(this).fadeOut().empty();});
    		$("#s-5").addClass("putxt");
    		}
     
     
    		if( $(".s-4").hasClass('trouvee')){
    		$('.ptittxt').append("<b>TEST COUCOU 4</b>")
    		$("#s-4").addClass("putxt");
    		}
    		if( $(".s-3").hasClass('trouvee')){
    		$('.ptittxt').append("<b>TEST COUCOU 3</b>")
    		$("#s-3").addClass("putxt");
    		}
    		if( $(".s-2").hasClass('trouvee')){
    		$('.ptittxt').append("<b>TEST COUCOU 2</b>")
    		$("#s-2").addClass("putxt");
    		}
    		if( $(".s-1").hasClass('trouvee')){
    		$('.ptittxt').append("<b>TEST COUCOU 1</b>")
    		$("#s-1").addClass("putxt");
    		}

  2. #2
    Membre régulier
    Homme Profil pro
    Inscrit en
    Juin 2012
    Messages
    110
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juin 2012
    Messages : 110
    Points : 91
    Points
    91
    Par défaut
    OK j"ai trouvé la soluce tout seul
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    $( ".trouvee" ).click(function() {
     
      var index = $( ".trouvee" ).index( this );
      $( ".ptittxt" ).text( "carte trouvée" + index );
    });
    reste plus qu'à mettre un texte different par carte

    A+

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

Discussions similaires

  1. Affichage de texte selon action
    Par ConceptInterWEB dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 22/06/2009, 21h54
  2. Réponses: 4
    Dernier message: 02/03/2007, 11h35
  3. Réponses: 10
    Dernier message: 10/05/2006, 22h04
  4. Affichage différent selon texte dans une case
    Par pingoo78 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 22/11/2005, 16h32

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