Discussion :

[khoudj]

Bonjour, je voudrai crée un tableau de selections:

une cellule avec un texte et une cellule avec un checkbox

lorsqu'on clique sur le text ou la cellule 1 ca selectionne le checkbox et ca passe le fond de la cellule 1 en rouge.

lorsqu'on selectionne le checkbox ca passe la cellule 1 en rouge

quand on passe la sourie au dessu de la cellule 1 ca fait un rollover vert mais pas sur celle déja selectionnée

<form name="form" method="post" action="">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td onClick="javascript:document.form.elements['cellulle1'].checked=true; this.style.background='green';"
onClick="javascript:this.style.background='red';">texte cellule 1</td>
<td><input type="checkbox" name="cellulle1" value="oui"></td>
</tr>
</table>
</form>


j'ai déja fait ca mais le problème c'est de laissé en vert la cellule selectionné (checkbox selectionné) et de repasser en blanc la cellule ou l'on dé selectionne le checkbox

j'espere avoir un peu d'aide je patoge

amicalement - khoudj

[siddh]

euh la t as deux onclick au meme endroit
j'ai pas trop compris ton histoire la ...
et puis

[khoudj]

oups dsl

<form name="form" method="post" action="">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td onClick="javascript:document.form.elements['cellulle1'].checked=true; this.style.background='green';"
onMouseOut="javascript:this.style.background='red';">texte cellule 1</td>
<td><input type="checkbox" name="cellulle1" value="oui"></td>
</tr>
</table>
</form>

[siddh]

toujours pas compris ce que tu veux faire, c est un peu brouillon

[khoudj]

-en fait au passage de la sourie, je veux que la cellule change de couleur rouge
-quand je clique sur la cellule ou que je selectionne le checkbox la cellule passe en vert
-quand la sourie passe sur la cellule où le checkbox est selectionné (déja en vert), la couleur de fond reste vert
-quand je dé selection le checkbox la cellule repasse en blanc

j'espere que c'est plus claire

merci Wink

[siddh]

ok maintenant rajoute le nom des cellules concernées car apparement tu manipule les deux

[khoudj]

je suis pas tres bon en javascript j'ai piké se script et je n'ai pas réussi à l'addapté à mon problème si tu peux m'aider ce serai supra cool

Amicalement

[siddh]

ben je veut bien mais indique moi dans ton message d avant quelle cellule doit prendre quelle couleur

[khoudj]

ha ok

c'est la cellule 1 qui chague de couleur, la cellule 2 contiens le checkbox mais ne change pas de couleur:

-à l'origine cellule 1 blanche checkbox décoché
-survole sourie > cellule 1 =vert
-cellule en blanc lorque la sourie d'en va
-si on clique sur la cellule 1 ou que l'on coche la checkbox, la cellulle 1 deviens rouge et reste rouge mais au passage de la souris
-si on décoche la checkbox, la cellule 1 repasse en blanc et au passage de la sourie passe en vert

voila

merci

[siddh]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script type='text/javascript'>
	var cell,check;
	window.onload = function(){
		cell = document.getElementById("cellule1");
		check = document.getElementById("check");
 
		cell.onmouseover = function(){
			if(!check.checked)
				this.style.backgroundColor = "green";
		}
		cell.onmouseout = function(){
			if(!check.checked)
				this.style.backgroundColor = "white";
		}
		cell.onclick = function(){
			check.checked = !check.checked;
			if(!check.checked)
				this.style.backgroundColor = "white";
			else
				this.style.backgroundColor = "red";
		}
		check.onclick = function(){
			if(!this.checked)
				cell.style.backgroundColor = "white";
			else
				cell.style.backgroundColor = "red";
		}
	}
</script>
<table>
	<tr>
		<td id="cellule1">bla</td>
		<td><input type='checkbox' id="check" /></td>
	</tr>
</table>

bon j'ai pas super optimisé le code mais au moins il est en dehors de ta table et je pense que tu pourras identifier qu est ce qui est fait ou

[khoudj]

Wha merci super c'est bien gentil de ta part

Amicalement et meilleurs voeux - khoudj

[siddh]

de rien et penses a mettre le bouton (en bas a gauche)