Cómo invocar a una fila de una tabla

ludovico2000 · #1 (**permalink**) 09/06/2004, 10:53

Hola, quisiera saber si hay alguna forma de utilizar el parámetro name="talycual" en una fila (<tr>) para poder luego invocarla desde una función (para hacer que cambie el fondo, borde, etc. al pasar sobre ella).

Sería algo así (esto no funciona, pero espero que sirva para dar idea de lo que busco):

<script>
function encender(estafila)
{
document.GetElementById('estafila').style.bgcolor="#00ffff";
document.GetElementById('estafila').style.border="2";
};
function apagar(estafila)
{
document.GetElementById('estafila').style.bgcolor="#00ddff";
document.GetElementById('estafila').style.border="1";
};
</script>

Y la llamada en cada fila para que actúe sobre ella:

<tr name="uno" onmouseover="encender('uno')" onmouseout="apagar('uno')">
...
</tr>
<tr name="dos" onmouseover="encender('dos')" onmouseout="apagar('dos')">
...
</tr>

Tuve un problema parecido que ya solucioné con ayuda de este foro, y en ese caso el objeto era una imagen y puse:

document.images[valormovida].src="..."

pero claro, ¿aquí qué se puede poner? ¿tablerow?¿?

muchas gracias

-COMPARTIENDO, MEJORAMOS TODOS-

(Y todo esto para un cochino rollover...

)

JavierB · #2 (**permalink**) 09/06/2004, 11:18

Hola, ludovico2000.

Cambia <tr name="uno" por <tr id="uno"

Para cambiar el color utiliza:

document.getElementById(estafila).style.background Color="#00ffff";

Lo de cambiar el borde no lo he conseguido y no estoy seguro de que se pueda hacer.

Saludos,

ludovico2000 · #3 (**permalink**) 11/06/2004, 03:26

Lo siento, lo he hecho exactamente como indicas (y tb he probado algunas variaciones en comillas etc) pero no me funciona. Si has comprobado que te funciona a tí, pon la función completa, por favor, a ver si estoy metiendo la pata en alguna tontería...

-graciasde todas formas-

JavierB · #4 (**permalink**) 11/06/2004, 04:02

Hola de nuevo.

Te he preparado un código que no utiliza ni id ni name. Creo que puede estar mejor:

Código HTML:

<html>
<head>
<script>
function encender(estafila)
{
estafila.style.backgroundColor="#00ffff";
}
function apagar(estafila)
{
estafila.style.backgroundColor="#00ddff";
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="75%" border="1">
  <tr onmouseover="encender(this)" onmouseout="apagar(this)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr onmouseover="encender(this)" onmouseout="apagar(this)">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

Espero que te sirva. Saludos,

ludovico2000 · #5 (**permalink**) 11/06/2004, 04:22

Gracias, el código que me has pasado funciona perfectamente.

Te debo una...... unas cuantas

ludovico2000 · #6 (**permalink**) 11/06/2004, 10:05

Queda pendiente el tema del borde, que "border" actúa sobre toda la tabla, y por tanto no se puede aplicar a la fila. Sin embargo, he visto que "bordercolor" sí se puede aplicar a la fila, pero no logro hacer que se ajuste con la función como el backgroundcolor.

¿ideas?