[html] Colorer le texte d'une cellule en fonction de sa valeur
cassilolo
Messages postés
176
Statut
Membre
-
[Dal] Messages postés 6373 Statut Contributeur -
[Dal] Messages postés 6373 Statut Contributeur -
Bonjour,
Je dois réaliser un tableau avec 3 valeurs possibles. 1, 2 ou 0.
Le problème ici est qu'après avoir coloré les cellules 0 en blanc, les 1 en rouge et les 2 en noir, je voudrais maintenant colorer le texte en fonction. Exemple : le chiffre 1 en rouge, le 0 en blanc...
Pouvez-vous m'indiquer à quel endroit faut-il que j'ajoute un "font-color" par exemple.
Merci de votre aide !
Voici mon code :
for (i=0; i<=h;i++)
{
table[i]=new Array();
}
document.write("<table border='black';>");
for(i=0;i<=h;i++)
{
table[i][0]=2;
table[i][n]=2;
document.write("<tr>");
for(j=0;j<=n;j++)
{
table[0][j]=2;
table[h][j]=2;
table[n/2][h/2]=1;
table[n/2+1][h/2]=1;
table[n/2-1][h/2]=1;
if ((table[i][j]!=2)&&(table[i][j]!=1))
{
table[i][j]=0;
}
if (table[i][j]==2)
{
document.write("<td bgcolor='black';>");
}
if (table[i][j]==1)
{
document.write("<td bgcolor='red';>");
}
if (table[i][j]==0)
{
document.write("<td bgcolor='white';>");
}
document.write(table[i][j]);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
}
Je dois réaliser un tableau avec 3 valeurs possibles. 1, 2 ou 0.
Le problème ici est qu'après avoir coloré les cellules 0 en blanc, les 1 en rouge et les 2 en noir, je voudrais maintenant colorer le texte en fonction. Exemple : le chiffre 1 en rouge, le 0 en blanc...
Pouvez-vous m'indiquer à quel endroit faut-il que j'ajoute un "font-color" par exemple.
Merci de votre aide !
Voici mon code :
for (i=0; i<=h;i++)
{
table[i]=new Array();
}
document.write("<table border='black';>");
for(i=0;i<=h;i++)
{
table[i][0]=2;
table[i][n]=2;
document.write("<tr>");
for(j=0;j<=n;j++)
{
table[0][j]=2;
table[h][j]=2;
table[n/2][h/2]=1;
table[n/2+1][h/2]=1;
table[n/2-1][h/2]=1;
if ((table[i][j]!=2)&&(table[i][j]!=1))
{
table[i][j]=0;
}
if (table[i][j]==2)
{
document.write("<td bgcolor='black';>");
}
if (table[i][j]==1)
{
document.write("<td bgcolor='red';>");
}
if (table[i][j]==0)
{
document.write("<td bgcolor='white';>");
}
document.write(table[i][j]);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
}
A voir également:
- [html] Colorer le texte d'une cellule en fonction de sa valeur
- Fonction si et - Guide
- Excel cellule couleur si condition texte - Guide
- Excel remplir automatiquement une cellule en fonction d'une autre ✓ - Forum Excel
- Attribuer une valeur à une cellule texte excel - Forum Excel
- Comment colorer une cellule excel en fonction du contenu d'une autre cellule - Forum Excel
2 réponses
En html 4, "bgcolor" est fonctionnel, mais est marqué comme étant obsolète. De fait, dans html 5, cela n'est plus supporté.
Tu devrais utiliser CSS pour faire cela.
ou pour éviter d'alourdir ton code, créer tes styles dans head, ou dans un fichier css séparé.
Par exemple :
Voir :
https://www.w3schools.com/css/css_text.asp
https://www.w3schools.com/css/css_background.asp
Dal
Tu devrais utiliser CSS pour faire cela.
<html>
<body>
<table>
<tr>
<td style="background-color:red">fond de cellule en rouge</td>
<td style="color:red">couleur de texte en rouge</td>
</tr>
</table>
</body>
</html>
ou pour éviter d'alourdir ton code, créer tes styles dans head, ou dans un fichier css séparé.
Par exemple :
<html>
<head>
<style>
td.frouge {background-color:red}
td.trouge {color:red}
</style>
</head>
<body>
<table>
<tr>
<td class=frouge>fond de cellule en rouge</td>
<td class=trouge>couleur de texte en rouge</td>
</tr>
</table>
</body>
</html>
Voir :
https://www.w3schools.com/css/css_text.asp
https://www.w3schools.com/css/css_background.asp
Dal
