Discussion :

[fayred]

Bonjour,
J'ai un tableau de button généré par un script php qui donne à ces button différentes value (A, B, C, D...etc).
Or justement je voudrai que selon la valeur de la value le bouton ai une couleur différente. Ex : A vert B Rouge...etc
Est-ce possible de gérer ça en css et si oui comment?? avec des class ou y aurait il un moyen plus simple? Et si ce n'est pas possible vers quelle autre solution puis-je m'orienter?

Merci !

[Strix]

Salut

Tu as répondu toi même !
Avec des classes !

Exemple :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
input.boutrouge {
	background:red;
	color:#FFF;
}
input.boutbleu {
	background:blue;
	color:#FFF;
}

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="button" class="boutrouge" value="bouton rouge" />
<input type="button" class="boutbleu" value="bouton bleu"/>

[fayred]

Ah ben en fait, non, me revoila!
Pour une raison inconnue les buttons ne veulent pas prendre les bonnes couleurs (enfin, ils en prennent meme pas du tout...).

Voici mon code :

css

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
 
.cellule_jour div input{
     width:28px;
   height:60px;
   /*background-color:#FFFF00;*/
}
 
/*Classes concernant la couleur des button */
 
.1{
   background-color:#FFFF00;   
}
.2{
	background-color:#FF9933;
}
.3{
background-color:#33CCFF;
}

php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<td class="cellule_jour">
    <div>
	<input type="button" id="2007-07-18-durand"  class="2" value="B">
</div></td>

et $idHoraire=1,2,3...etc


Si quelqu'un pouvait me donner un petit coup de pouce ...

Merci encore!

[Strix]

Tu peux donner ton code généré et non du PHP ou autre ?
Merci d'éditer ton message

[fayred]

J'ai trouvé : à mon plus grand désarroi, une classe ne peut pas avoir comme nom un chiffre... Avec des lettres, c'est bon!

@+