Discussion :

[azimut2000]

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 :

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

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 html :

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

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

[NoSmoking]

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)

[azimut2000]

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

Code :

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

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 html :

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

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>