onKeyUp sur un bgColor d'une cellule de table

**trepidelhia** · 19/12/2005, 04h30

Salut à tous !!

Voici le code :

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
<html>
<head>
<script language="JavaScript">
<!--
function truc(n)
{
	if (n.length==6) XXX='#'+n
}
//-->
</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 :

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

document.table.tr.td.bgColor

mais ça ne marche pas

Merci !

**siddh** · 19/12/2005, 08h43

Code :

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

tontd.style.backgroundColor

**javatwister** · 19/12/2005, 09h20

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