[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
- Colorer une cellule excel selon de sa valeur - Guide
- Attribuer une valeur à une cellule texte excel - Forum Excel
- Vba récupérer valeur cellule ✓ - Forum VB / VBA
- Editeur html - Télécharger - HTML
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
