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 masquer background-color


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    118
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 118
    Par défaut afficher masquer background-color
    Bonjour,
    j'ai une fonction qui affiche un div suite à un clic sur un lien.
    le problème c'est que lorsque je clique à nouveau sur le lien le style "coloriserCmd" ne se supprime pas.
    merci pour votre aide

    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
     
    .coloriserCmd {
    	display: block;
    	background-color: #EBEBEB;
    }
    .nocoloriserCmd {
    	display: none;
    	background-color: #FFFFFF;
    }
     
    function afficher_liste(){
    	$("a.rubrique").click(function(){
    		var rubrique = $(this).attr("rel");
    		$("#"+rubrique).toggle();
    		if($(this).hasClass("coloriserCmd") == false){
    			$(".tb"+rubrique).addClass("coloriserCmd");
    		}else{
    			$(".tb"+rubrique).addClass("nocoloriserCmd");
    		}
     
    		return false;
    	});
    }

  2. #2
    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
    toggleClass ?
    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 !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    118
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 118
    Par défaut
    effectivement impeccable !

    donc voici la fonction modifiée :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    function afficher_liste(){
    	$("a.rubrique").click(function(){
    		var rubrique = $(this).attr("rel");
    		$("#"+rubrique).toggle();
    		$(".tb"+rubrique).toggleClass("coloriserCmd");
    		return false;
    	});
    }

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

Discussions similaires

  1. [XSL-FO] afficher les background-color
    Par ruza01 dans le forum XSL/XSLT/XPATH
    Réponses: 19
    Dernier message: 17/01/2012, 12h18
  2. Afficher/Masquer un <DIV> au clique de la souris.
    Par Joad dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/09/2005, 10h55
  3. [CSS] @media print & background-color
    Par denisC dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 11/05/2005, 09h21
  4. Réponses: 8
    Dernier message: 09/04/2004, 14h03
  5. Afficher/Masquer un bouton comme IE 6
    Par benj63 dans le forum C++Builder
    Réponses: 3
    Dernier message: 29/07/2002, 13h12

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