Estoy haciendo una función javascript para seleccionar y deseleccionar hileras de una tabla, pero me he encallado en un punto.
La tabla la creo así:
<table>
<tr>
<td colspan="3">Cabecera</td>
</tr>
<tr id=t1>
<td id=a1 class="uno">lala</td>
<td id=b1 class="uno">lala</td>
<td id=c1 class="uno">lala</td>
</tr>
<tr id=t2>
<td id=a2 class="uno">lala</td>
<td id=b2 class="uno">lala</td>
<td id=c2 class="uno">lala</td>
</tr>
</table>
(en realidad es más larga, pero la idea es mostrar como marco los <td>).
A parte de lo que se ve, tengo puesto un onclick que llama a una función que hace esto:
Código:
if (document.all) { //IE
linia0b = "document.all.t"+lap; linia0 = eval(linia0b);
linia1b = "document.all.a"+lap; linia1 = eval(linia1b);
linia2b = "document.all.b"+lap; linia2 = eval(linia2b);
linia3b = "document.all.c"+lap; linia3 = eval(linia3b);
}
else { //DOM
linia0b = "document.getElementById('t"+lap+"')"; linia0 = eval(linia0b);
linia1b = "document.getElementById('a"+lap+"')"; linia1 = eval(linia1b);
linia2b = "document.getElementById('b"+lap+"')"; linia2 = eval(linia2b);
linia3b = "document.getElementById('c"+lap+"')"; linia3 = eval(linia3b);
}
if (linia1.className == "uno") {classe="dos";}
else {classe="uno";}
linia1.className=classe;
linia2.className=classe;
linia3.className=classe;
Ahora necesito añadir una función para desmarcarlas todas, pero no sé como hacerlo.
He intentado adaptar el código da marcar/desmarcar radio buttons, pero me parece que sólo he conseguido liarme más
Espero que algún genio del Javascript pueda ayudarme en esta empresa.
NOTA: No puedo saber, a priori, el número de hileras que se mostrarán en la página.