[html] Colorer le texte d'une cellule en fonction de sa valeur
cassilolo
Messages postés
176
Statut
Membre
-
[Dal] Messages postés 6205 Date d'inscription Statut Contributeur Dernière intervention -
[Dal] Messages postés 6205 Date d'inscription Statut Contributeur Dernière intervention -
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:
- Colorer une cellule excel en fonction du texte
- Fonction si ou excel - Guide
- Excel cellule couleur si condition texte - Guide
- Proteger cellule excel - Guide
- Déplacer une colonne excel - Guide
- Liste déroulante excel - Guide
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
