Conditions sur les tables HTML
Bonjour à tous,
J'aimerais savoir comment insérer des conditions sur les cellules d'un tableau selon les valeurs qui y sont, en utilisant le CSS. Etant donné que mon tableau comporte 324 cases, j'aimerais éviter de recopier "background-color : ..." 324 fois, alors que mon tableau ne comportera que 7 valeurs différentes.
Merci de vos réponses,
Boodur
--
Le ridicule ne tue pas. Ce qui ne nous tue pas nous rend plus fort. Donc le ridicule rend plus fort.
J'aimerais savoir comment insérer des conditions sur les cellules d'un tableau selon les valeurs qui y sont, en utilisant le CSS. Etant donné que mon tableau comporte 324 cases, j'aimerais éviter de recopier "background-color : ..." 324 fois, alors que mon tableau ne comportera que 7 valeurs différentes.
Merci de vos réponses,
Boodur
--
Le ridicule ne tue pas. Ce qui ne nous tue pas nous rend plus fort. Donc le ridicule rend plus fort.
6 réponses
-
Créer un fichier css que tu nom cequetuveux.css
place entre <head> et </head> :
" <link rel="stylesheet" href="cequetuveux.css" type="text/css" /> "
place dans cequetuveux.css :
"
tr {
// ici le style que tu veux mettre pour chaque <tr></tr> de ta page html
}
table {
// ici le style que tu veux mettre pour chaque <table></table> de ta page
}
td {
// ici le style que tu veux mettre pour chaque <td></td> de ta page html
}
"
Tu peux faire ça pour chaque balise
Tu peux également créer des class :
"
.nom_de_ta_class{
// ici le style que tu veux mettre pour la class .nom_de_ta_class
}
"
Maintenant dans le HTML : (marche avec chaque balise)
"
<span class="nom_de_ta_class">Texte</span>
"
Je te conseille de regarder le cours sur le CSS sur le site du zéro -
J'ai déjà cherché partout =S
Mais ce que je veux, c'est éviter d'avoir un truc du style :
<td style="background-color:#87E990"> 2 </td>
sur mes 324 cases, c'est plutôt que dans ma table, dès que le chiffre "2" apparaît, le fond de la cellule ou il est devient vert. -
dans le CSS t'écrit :
td{
background-color: #87E99;
} -
Oui, mais ça va colorier toutes les cellules ^^'
J'voudrais plutôt un truc du style :
Si y'a un 2 dans la cellule : on colore en vert,
Si y'a un 4 dans la cellule: on colore en jaune,
Si y'a un 6 dans la cellule: on colore en bleu,
etc...
Le ridicule ne tue pas. Ce qui ne nous tue pas nous rend plus fort. Donc le ridicule rend plus fort. -
Passe par du PHP
Je te conseille de lire les tutos sur le site du zéro -
Bonjour,
Je conseille d'utiliser la librairie JQuery.
Une piste (non testée):
ele=document.getElementById('tabid').getElementsByTagName('td'); var cont; for(var i=0;i<ele.length;i++) { cont=ele[i].innerHTML.split(''); switch(cont[0]) { case 2: ele[i].className='green-color'; break; ... // rajouter autant de case x: pour les autres valeurs... } }
et il faut avoir une classe en css:
.green-color { color: green; }
A+
