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 :

Changer la couleur des cellules


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    691
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 691
    Par défaut Changer la couleur des cellules
    Bonjour !

    J'ai un petit soucis sur ce morceau de code, je comprend pas très bien d'où ça peut provenir :

    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
    function Couleur(id)
    {
     
    	this.priorite1 = '#FE0000';
    	this.priorite2 = '#FFCC00';
    	this.priorite3 = '#00FF08';
     
    	this.id=id;
     
    	if (document.getElementById(this.id).style.bgcolor== this.priorite1 ){
    		document.getElementById(this.id).style.bgcolor= this.priorite2;
    	}
    	else if (document.getElementById(this.id).style.bgcolor== this.priorite2){
    		document.getElementById(this.id).style.bgcolor= this.priorite3;
    	}
    	else if (document.getElementById(this.id).style.bgcolor== this.priorite3){
    		document.getElementById(this.id).style.bgcolor= this.priorite1;
    	}
     
    }
    et sur mes cellules j'ai :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <td id="1-10" onclick="Couleur(this.id)" bgcolor="#00FF08">
    		10
    	</td>
    Sur click la couleur ne change pourtant pas : x

    Merci d'avance !

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    et en faisant simple ?
    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
    function Couleur(id)
    {
     
    	var priorite1 = '#FE0000';
    	var priorite2 = '#FFCC00';
    	var priorite3 = '#00FF88';
     
    	if (document.getElementById(id).style.bgcolor== priorite1 ){
    		document.getElementById(id).style.bgcolor= priorite2;
    	}
    	else if (document.getElementById(id).style.bgcolor== priorite2){
    		document.getElementById(id).style.bgcolor= priorite3;
    	}
    	else if (document.getElementById(id).style.bgcolor== priorite3){
    		document.getElementById(id).style.bgcolor= priorite1;
    	}
     
    }
    A+

  3. #3
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    691
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 691
    Par défaut
    Toujours rien (ce qui est un peu normal puisqu'au final c'est exactement la même chose ).

    Je pense que c'est au niveau du if que ça plante, je sais pas si pour tester la couleur d'une cellule on se sert de ça ou si faut tester une autre propriété :s

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Herman Voir le message
    Je pense que c'est au niveau du if que ça plante, je sais pas si pour tester la couleur d'une cellule on se sert de ça ou si faut tester une autre propriété :s
    En l'occurence, tu testes une propriété CSS que tu n'as pas définies (uniquement la propriété HTML).
    Essaye avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <td id="1-10" onclick="Couleur(this.id)" style="background-color:#00FF08;">
    10</td>
    ... et ce n'était pas la même chose, ne serait-ce que parce que this.id est censé être en lecture seule

    A+

  5. #5
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    691
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 691
    Par défaut
    ah ok autant pour moi

    Sinon toujours rien avec cette manip :s

  6. #6
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Te reste à vérifier tes codes hexa

    Des fois qu'ils ne correspondent pas

    A+

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

Discussions similaires

  1. Changer la couleur des cellules modifiées
    Par Leodams dans le forum Macros et VBA Excel
    Réponses: 9
    Dernier message: 11/04/2013, 00h16
  2. [XL-2003] Changer la couleur des cellules sans conditionnelle et sans VBA
    Par Bacube dans le forum Excel
    Réponses: 5
    Dernier message: 13/06/2012, 14h07
  3. Réponses: 4
    Dernier message: 11/08/2011, 10h46
  4. Réponses: 2
    Dernier message: 09/09/2009, 14h08
  5. [NetBeans] Changer la couleur des commentaires
    Par Lorenzox dans le forum NetBeans
    Réponses: 3
    Dernier message: 15/12/2004, 08h50

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