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 :

Changement de couleur


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 2
    Points : 2
    Points
    2
    Par défaut Changement de couleur
    Bonjour,

    Tout d'abord veuillez m'excuser pour ma question certainement tres basique mais je ne suis qu'un développeur occasionnel, et totalement newbie en javascript.

    Voici mon problème :

    J'ai un tableau de données. J'aimerais que lorsque je passe la souris sur une ligne du tableau, celle ci change de couleur (passant du blanc à l'orange). Jusque là j'ai réussi à le faire (cf code ci-dessous). Là ou ca se complique c'est que je voudrais que lorsque je clique sur la ligne elle garde cette couleur orange.

    Voici 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
     
    <script>
      function changeCouleur(ligne)
        {
        ligne.bgColor = 'FFCC66';
        }
      function remetCouleur(ligne)
        {
        ligne.bgColor = '#FFFFFF';
        }
     </script>
     
     
     
     <tr onClick="affichage_popup('<? print "detail.php?id=$resultat[code]";?>','<?print "popup".$compteur?>');" onMouseOver="changeCouleur(this);" onMouseOut="remetCouleur(this);"> 
     
    [/code]
     
    Si quelqu'un a une idée, ca m'aiderait bien.
    Merci d'avance.

  2. #2
    Membre habitué
    Profil pro
    Étudiant
    Inscrit en
    Août 2005
    Messages
    161
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2005
    Messages : 161
    Points : 185
    Points
    185
    Par défaut
    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
    function changeCouleur(ligne) 
    { 
    if (!ligne.cliquee) ligne.bgColor = 'FFCC66'; 
    } 
    function remetCouleur(ligne) 
    { 
    if (!ligne.cliquee) ligne.bgColor = '#FFFFFF'; 
    } 
    function affichage_popup(ligne)
    {
    ligne.cliquee = !ligne.cliquee;
    [...]
    }
     
    <tr onClick="affichage_popup('<? print "detail.php?id=$resultat['code']";?>','<?print "popup".$compteur?>');" onMouseOver="changeCouleur(this);" onMouseOut="remetCouleur(this);">

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 2
    Points : 2
    Points
    2
    Par défaut
    Super c'est nickel
    Merci beaucoup poof65

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

Discussions similaires

  1. Réponses: 4
    Dernier message: 22/01/2007, 21h14
  2. Changement de couleur d'un libellé sur OnClick
    Par maysa dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 15/11/2005, 15h29
  3. CSS Pas de changement de couleur quan on clique sur un lien
    Par pmboutteau dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 16/08/2005, 10h15
  4. Changement de couleur de police sur une partie d'un caption
    Par kobe dans le forum Composants VCL
    Réponses: 3
    Dernier message: 11/07/2005, 10h18
  5. Changement de couleur quand j'affiche du texte...
    Par MaxPayne dans le forum OpenGL
    Réponses: 3
    Dernier message: 10/12/2004, 13h55

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