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

JavaScript Discussion :

Onglet dynamique qui change de couleur


Sujet :

JavaScript

  1. #1
    Membre du Club
    Inscrit en
    Septembre 2010
    Messages
    128
    Détails du profil
    Informations forums :
    Inscription : Septembre 2010
    Messages : 128
    Points : 51
    Points
    51
    Par défaut Onglet dynamique qui change de couleur
    Bonjour,

    Je suis très nul en JS (ça c'est dit) et je cherche à faire en sorte que le lien cliqué (qui est un onglet) soit d'une couleur différente (class="tab active") mais je ni parviens pas.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
      <script type="text/javascript">
    function affiche(num){
      var i = 1;
      var NomId = 'toto-';
      var oDiv;
      // masque tout
      while(( oDiv = document.getElementById( NomId + (i++)))){
      oDiv.style.display = 'none';
      }
      // affiche concerne
      oDiv = document.getElementById( NomId + num);
      oDiv.style.display = 'block';
    }
    </script>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <ul class="tabs">
    <li><a onclick="affiche(1)"; class="tab active">1</a></li>
    <li><a onclick="affiche(2)"; class="tab">2</a></li>
    </ul>
     
    <div id="toto-1" style="display:block;" class="contenttab">
    1
    </div>
     
    <div id="toto-2" style="display:none;" class="contenttab">
    2
    </div>
    J'ai essayé avec : "element.parentNode.className" sans succès!
    Un gros coup de pouce serait bienvenu.

    Merci

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 060
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 060
    Points : 44 585
    Points
    44 585
    Par défaut
    Bonsoir,
    passes à la fonction affiche l'objet cliqué comme suis
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li><a onclick="affiche(1, this)"; class="tab active">1</a></li>
    et utilises le this pour faire ce que tu as à faire.

Discussions similaires

  1. Créer un bouton qui change la couleur d'un cellule
    Par Tony. dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 10/09/2008, 15h51
  2. cellule de table qui change de couleur
    Par mouna201 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 12/02/2007, 10h42
  3. Lien qui change de couleur
    Par stan30160 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/02/2007, 13h57
  4. [DW2] image réactive qui change de couleur
    Par gysou dans le forum Dreamweaver
    Réponses: 2
    Dernier message: 07/01/2006, 10h49

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