Cambiar el fondo de una tabla

[isra.kat.gr]

Hola, a lo mejor es un poco tonta la pregunta, pero cómo puedo cambiar el fondo de una celda al pasar el ratón por encima de la celda adyacente??:

Código HTML:

<tr>
<td align="right" margin=0 bgcolor=white><br><a href="http://geocities.com/isradat/noticias.htm"><img src="imgsrc/noticias.png" border="0" name="Noticias" onMouseOver="document.images['Noticias'].src = 'imgsrc/noticias2.png'" onMouseOut="document.images['Noticias'].src = 'imgsrc/noticias.png'"></a> <br></td>

<td bgcolor=white name="cnoticias">&nbsp;</td>
</tr> 

Como veis es una imagen cambiante. Yo probé con esto, pero no funciona:

Código HTML:

<tr>
<td align="right" margin=0 bgcolor=white><br><a href="http://geocities.com/isradat/noticias.htm"><img src="imgsrc/noticias.png" border="0" name="Noticias" onMouseOver="document.images['Noticias'].src = 'imgsrc/noticias2.png';document.cnoticias.style='background:pink'" onMouseOut="document.images['Noticias'].src = 'imgsrc/noticias.png';this.style='background:white'"></a> <br></td>
<td bgcolor=white name="cnoticias">&nbsp;</td>
</tr> 

Pero no funciona. Si me echáis una mano, os estaré eternamente agradecidos

[angsanchez]

Hola, isra
Así, sin probarlo, creo que tienes que cambiar el
name="cnoticias"
por
id="cnoticias"
y no sé si funcionará con
document.cnoticias.style
pero sí debe hacerlo con document.getElementById("cnoticias").style

[programeitor]

<tr>
<td align="right" margin=0 bgcolor=white>
<br>
<a href="http://geocities.com/isradat/noticias.htm">
<img src="imgsrc/noticias.png" border="0" name="Noticias" onMouseOver="document.images['Noticias'].src='imgsrc/noticias2.png';document.cnoticias.style='background:pink'"
onMouseOut="document.images['Noticias'].src='imgsrc/noticias.png';this.style='background:white'">
</a>
<br>
</td>
<td bgcolor=white name="cnoticias">
&nbsp;
</td>
</tr>

.

He marcado name="Noticias" pues si no lo nesesitas para otra cosa ,aqui no es nesesario.
En rojo va lo que he cambiado ,marcado abajo en azul claro.

<table>
<tr>
<td align="right" margin=0 bgcolor=white>
<br>
<a href="http://geocities.com/isradat/noticias.htm">
<img src="imgsrc/noticias.png" border="0" onMouseOver="this.src='imgsrc/noticias2.png';documentgetElementById('cnoticias').style.background='pink'" onMouseOut="this.src='imgsrc/noticias.png';this.style.background='white'">
</a>
<br>
</td>
<td bgcolor=white id="cnoticias">
&nbsp;
</td>
</tr>
</table>

[isra.kat.gr]

Vale, gracias por las resuestas, lo del "this" es bastante útil, pero no estaba seguro de su funcionamiento fuera de formularios, está claro que tenga que experimentar más... Chao

[programeitor]

me alegro de que te haya valido ,el this es gloria bendita, y si no me equivoco ,siempre se refiere al objeto en el que estas.