Discussion :

[fred61]

Bonjour,

Savez-vous s'il est possible de modifier dynamiquement la couleur de fond d'une cellule d'un tableau html ? Je développe :

En fait j'ai une liste déroulante avec une réponse, oui ou non, si oui la case du tableau à coté est de couleur verte, si la réponse est non => modification automatique de la cellule en rouge.

J'ai fais des recherche mais apparement c'est impossible, mais si vous avez des idées je suis preneur

Merci.

[jln13]

salut,

impossible n'est pas francais c'est pourtant bien connu :o)

Tu definis 2 classes css avec les 2 couleurs que tu veux et tu appelle une fonction JS sur le onclick de ton select qui te modifie le nom de la classe selon l'option selectionnee.

[jln13]

sur le onchange plutot que le onclick d'ailleurs

[fred61]

Ok merci, mais est ce qu'il est possible de définir un nom pour une cellule spécifique d'un tableau ? pour pas modifier le tableau entier ?

[jln13]

oui tu peux specifier un id par cellule.

[fred61]

Merci mais ça fonctionne pas, je vois pas ou j'ai fais une erreur :

J'ai fais mes deux classes :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
#fondvert
{ background-color: green ;}
#fondrouge
{ background-color: red ; }

J'ai donné un nom à ma cellule du tableau :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<td name="cel1'' id='fondvert'>

et j'ai fais une fonction javascript que j'appelle sur le onChange de ma liste déroulante avec une ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.cel1.setAttribute("class","fondrouge") ;

Est ce que j'ai fais des erreurs de syntaxe quelque part ou utilisé une mauvaise fonction ?

Merci.