Cambiar color a varias celdas al pasar el mouse por alguna de ellas

[Ramos Mejia]

Buenas. Resulta que tengo varias celdas de diferentes tablas, que quiero que al pasar el mouse por alguna de ellas se coloreen las demas celdas definidas con un nombre "celda_1".

<table>
<tr>
<td name="celda_1"></td>
<td name="celda_378"></td>
</tr>
</table>

En el mismo documento otra tabla

<table>
<tr>
<td name="celda_378"></td>
</tr>
<tr>
<td name="celda_1"></td>
</tr>
<tr>
<td name="celda_378"></td>
</tr>
<tr>
<td name="celda_1"></td>
</tr>
</table>

etc..

Tengo una funcion abajo:

<script>

function color(src, hex){

src.bgColor = hex;

}

</script>

y lo llamo de esta manera <td name="celda_1" onmouseover="color(this,'#000000');"> .......... pero claro solo me cambia el color de esa celda y lo que deseo es cambiarle el color a todas las celdas con el nombre "celda_1"

espero puedan ayudarme
hasta luego

[SiR.CARAJ0DIDA]

no creo que a una celda se le pueda asignar un nombre, en todo caso usa id="celda1"
y tampoco creo que se pueda asignar el mismo id a muchas celdas diferentes. me gustaria saber como hacerlo tambien.

edit: encontre una forma parece

Código PHP:

  function cambia(hex) 
{ 
    celdas = document.getElementsByTagName('td'); 
    for (i=0;i<celdas.length;i++) 
    { 
        if (celdas[i].id == "celda_1") 
        { 
            celdas[i].style.backgroundColor = hex; 
        } 
    } 
}  
   

Aca algo mas completo

Código PHP:

  <script> 
/* CODIGO FUENTE BY CARAJ0DIDA (?) :P */ 
var celdas = document.getElementsByTagName('td'); 
function mouse() 
{ 
    for (i=0;i<celdas.length;i++) 
    {         
        celdas[i].onmouseover = new Function("cambia('red','black')"); 
        celdas[i].onmouseout = new Function("nada()"); 
 
    } 
} 
 
function cambia(hex1,hex2) 
{ 
    for (i=0;i<celdas.length;i++) 
    { 
        if (celdas[i].id == "celda_1") 
        { 
            celdas[i].style.backgroundColor = hex1; 
        } 
        if (celdas[i].id == "celda_378") 
        { 
            celdas[i].style.backgroundColor = hex2; 
        } 
    } 
} 
 
function nada() 
{ 
    for (i=0;i<celdas.length;i++) 
    { 
        celdas[i].style.backgroundColor = ''; 
    } 
} 
setTimeout("mouse()",1)  
   

[flyk]

Es lo que pretendia, la verdad es que es casí lo que estaba haciendo, lo único que no conseguía seleccionar los elementos con el ID tras seleccionarlos con el TagName.

Muchas Gracias