onKeyUp sur un bgColor d'une cellule de table

Version imprimable

Salut à tous !! :)

Voici le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html> <head> <script language="JavaScript">  </script> </head> <body> <form name=f> <input maxlength=6 name=n value='' onKeyUp="truc(this.value)" /> </form> <table> <tr> <td width=100 height=100 bgcolor=black></td> </tr> </table> </body> </html>
Ici, il s'agirait de trouver ce qu'il faut mettre à la place de 'XXX' pour que la couleur de la cellule du tableau se change en la couleur tapée en hexa dans la cellule du 'submit'.
Autrement dit, comment s'appelle l'élément 'bgColor' du 'td' qui nous intéresse.

Quelqu'un aurait-il une idée please ?
Je pensais à un truc du genre

Code:

document.table.tr.td.bgColor

mais ça ne marche pas :(

Merci !

19/12/2005, 08h43
siddh

Code:

tontd.style.backgroundColor

Code:

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
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
 
<title>...</title> 
 
<script type="text/javascript"> 
 
function change(col){
 
	if(/^[\da-f]{6}$/.test(col)){
		document.getElementById("cel").style.backgroundColor="#"+col;
	}
}
 
</script>
 
</head> 
 
<body>
 
<p> 
<input id="coul" onkeyup="change(this.value)" /> 
</p> 
 
<table> 
<tr> 
 
<td id="cel" style="width:100px;height:100px;background-color:#000000"></td> 
 
</tr> 
</table> 
 
</body> 
</html>

19/12/2005, 17h00
trepidelhia

Ok, donc dans mon cas il suffisait de mettre

Code:

document.getElementById("cool")

puis de rajouter

Code:

id="cool"

dans l'élément TD :)

merci !!
19/12/2005, 17h29
javatwister

certes, mais tu vas t'épargner bien des tests avec ça!