Conditions sur les tables HTML
boodur
Messages postés
186
Date d'inscription
Statut
Membre
Dernière intervention
-
boodur Messages postés 186 Date d'inscription Statut Membre Dernière intervention -
boodur Messages postés 186 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Conditions sur les tables HTML
- Editeur html - Télécharger - HTML
- Tables des matières word - Guide
- Br html ✓ - Forum Webmastering
- Tables ascii - Guide
- Sql lister les tables ✓ - Forum Programmation
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
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.
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.
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Je conseille d'utiliser la librairie JQuery.
Une piste (non testée):
et il faut avoir une classe en css:
A+
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+
