donner une couleur à une cellule

**sadigoun** · 24/04/2008, 22h16

bsr cher amis,
je voudrais savoir kment donner une couleur a une cellule en cliquant sur un checkbox.

merci

**Sheriff** · 25/04/2008, 00h03

salut !

Code :

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

<input type=checkbox onclick="document.getElementById('cellule').style.backgroundColor = this.checked?'#99CCFF':'C0C0C0'" />

avec biensur

Code :

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

<td id=cellule>...</td>

@+

**sadigoun** · 25/04/2008, 00h25

merci pour ton code c'est cool.
mais avez vous déja utiliser DYNTABLE qui est fait en javascript.
je ve réaliser un tableau contenant des chekbox a la première ligne et aussi a la première colonne.
et lorsque l'on clique sur un chebox de la ligne et de la colonne, la cellule d'intersection de ses 2 checkbox donne une couleur.

c'est vraiment compliqué pour moi.
voici un exemple: http://www.idea.int/publications/des...y/dyntable.cfm

SVP aider moi.

**Sheriff** · 25/04/2008, 01h47

salut !
essaie ça

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
 
<html>
	<head>
 
	</head>
	<body>
		<table border=1 style="background-color:#C0C0C0">
			<tr>
				<td id=c0_l0>
					&nbsp;
				</td>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c1_l'+i).style.backgroundColor = this.checked&&document.getElementById('l'+i).checked?'#99CCFF':'#C0C0C0'" id=c1 />
				</td>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c2_l'+i).style.backgroundColor = this.checked&&document.getElementById('l'+i).checked?'#99CCFF':'#C0C0C0'" id=c2 />
				</td>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c3_l'+i).style.backgroundColor = this.checked&&document.getElementById('l'+i).checked?'#99CCFF':'#C0C0C0'" id=c3 />
				</td>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c4_l'+i).style.backgroundColor = this.checked&&document.getElementById('l'+i).checked?'#99CCFF':'#C0C0C0'" id=c4 />
				</td>
			</tr>
			<tr>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c'+i+'_l1').style.backgroundColor = this.checked&&document.getElementById('c'+i).checked?'#99CCFF':'#C0C0C0'" id=l1 />
				</td>
				<td id=c1_l1>
					&nbsp;
				</td>
				<td id=c2_l1>
					&nbsp;
				</td>
				<td id=c3_l1>
					&nbsp;
				</td>
				<td id=c4_l1>
					&nbsp;
				</td>
			</tr>
			<tr>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c'+i+'_l2').style.backgroundColor = this.checked&&document.getElementById('c'+i).checked?'#99CCFF':'#C0C0C0'" id=l2 />
				</td>
				<td id=c1_l2>
					&nbsp;
				</td>
				<td id=c2_l2>
					&nbsp;
				</td>
				<td id=c3_l2>
					&nbsp;
				</td>
				<td id=c4_l2>
					&nbsp;
				</td>
			</tr>
			<tr>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c'+i+'_l3').style.backgroundColor = this.checked&&document.getElementById('c'+i).checked?'#99CCFF':'#C0C0C0'" id=l3 />
				</td>
				<td id=c1_l3>
					&nbsp;
				</td>
				<td id=c2_l3>
					&nbsp;
				</td>
				<td id=c3_l3>
					&nbsp;
				</td>
				<td id=c4_l3>
					&nbsp;
				</td>
			</tr>
			<tr>
				<td>
					<input type=checkbox onclick="for (i=1; i<5; i++) document.getElementById('c'+i+'_l4').style.backgroundColor = this.checked&&document.getElementById('c'+i).checked?'#99CCFF':'#C0C0C0'" id=l4 />
				</td>
				<td id=c1_l4>
					&nbsp;
				</td>
				<td id=c2_l4>
					&nbsp;
				</td>
				<td id=c3_l4>
					&nbsp;
				</td>
				<td id=c4_l4>
					&nbsp;
				</td>
			</tr>
		</table>
 
	</body>
</html>

je l'ai écrit à la va-vite : tu ferais mieux de "fabriquer" une belle fonction

allez, @+

**sadigoun** · 25/04/2008, 12h14

Merci scheriff pour ton aide précieuse.
le blème est que g sui un developpeur php et je connait qu'une petite partie de javascript.je vais essayer de coder quelque chose comme tu le dit.
Mais peut tu me donner une voix a suivre.

Bien de chose a toi.

**riete** · 25/04/2008, 15h09

Envoyé par sadigoun

Merci scheriff pour ton aide précieuse.
le blème est que g sui un developpeur php et je connait qu'une petite partie de javascript.je vais essayer de coder quelque chose comme tu le dit.
Mais peut tu me donner une voix a suivre.

Bien de chose a toi.

Si tu es un developpeur php, tu devrais alors faire cela avec 2 boucles imbriquées for ou while

**sadigoun** · 25/04/2008, 16h46

en fait php ne gère pas les évènement a ce que je sache.Et je ne veut ni recharger toute la page avant qu'il me donne un résultat.

**riete** · 05/05/2008, 15h24

Envoyé par sadigoun

en fait php ne gère pas les évènement a ce que je sache.Et je ne veut ni recharger toute la page avant qu'il me donne un résultat.

Je crois que tu mélange un peu tout

php doit te permettre en faisant 2 boucles imbriquées de générer le code HTML avec ses appels Javascript. Quand ce code sera reçu par le client (navigateur), s'est javascript qui se chargera de traiter les évènements.

Donc 2 choses bien distincts à des endroits distinct.

Tu me suis ?

**Sub0** · 12/05/2008, 11h53

Si ton problème est toujours d'actualité, je peux te donner un coups de main...

donner une couleur à une cellule

JavaScript

Discussions similaires

Partager

Partager