[html] Colorer le texte d'une cellule en fonction de sa valeur
cassilolo
Messages postés
176
Statut
Membre
-
[Dal] Messages postés 6122 Date d'inscription Statut Contributeur Dernière intervention -
[Dal] Messages postés 6122 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>");
}
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.<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
