INPUT Radio & TD bgcolor

Bonjour,

Je suis une "quiche", oui, je l'avoue...
Je débute en JavaScript & CSS et j'ignore ce qu'il faut que j'utilise exactement pour réaliser ce que je cherche à faire... Apparemment, certain arrivent à s'en sortir sans JS, d'autre en mettent...
Voici l'idée:

J'ai un tableau avec 2 Radio Buton à l'intérieur de chaque cellule; si on clique sur le 1er bouton, la cellule - et pas toutes ! - passe au vert tandis que si je clique sur le 2eme bouton, la cellule passe au rouge...
Ca doit être facile à faire, mais ça fait 3 jours que je cherche, je bidouille, le trifouille,, j'ai écumé Google, mais certainement pas comme il fallait, alors je me tourne vers vous pour savoir si vous aviez une idée ou début d'idée ?!

Le début du code commence par:

Code:

---

1 2 3 4 5 6 7

<SCRIPT LANGUAGE="JavaScript"> function myFunctionColor(id) { alert("On a clique dans la cellule"); document.getElementById("OK").background.color = "blue"; document.getElementById("KO").background.color = "red"; } </SCRIPT>

---

Code:

---

1 2 3 4 5

<td onclick="myFunctionColor()"> <form action=""> <input type="radio" name="radio10" id="OK" value="OK">OK <input type="radio" name="radio10" id="KO" value="KO">KO </form>

---

Rien ne semble fonctionner... suis complétement paumé :?


Merci pour les réponses que vous pourrez me faire...

Thierry

Bonjour,
un petit tour vers Les feuilles de style, t'aurait apporté la réponse directement, je te laisse aller regarder. (un indice chez vous...c'est la première réponse)

Milles Merci, c'était une bonne piste effectivement... avec quelques conditions, cela fonctionne aussi beaucoup mieux :ptdr:
voici le script final:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<SCRIPT LANGUAGE="JavaScript"> function myFunctionColor(valeur,id) { //alert("On a clique dans la cellule (" + id + ") et la valeur est : " + valeur); if (valeur == "OK") { document.getElementById(id).style.backgroundColor = "green"; // alert("c'est OK"); } else if (valeur == "KO") { document.getElementById(id).style.backgroundColor = "red"; // alert("c'est KO"); } } </SCRIPT>

---

Code:

---

1 2 3 4 5 6

<td id="case99" bgcolor="#FF00FF"> <form action=""> <input type="radio" name="radio99" id="case199" value="OK" onclick="myFunctionColor(value,'case99')">OK <input type="radio" name="radio99" id="case299" value="KO" onclick="myFunctionColor(value,'case99')">KO </form> </td>

---