Saludos a todos
Tengo el siguiente problema: tengo una tabla con enlaces, los cuales tengo que al pasar el mouse por encima el text-decoration cambie a line-through. Esto lo tengo en CSS, lo que tengo en javascript es que al momento de hacer click sobre uno de estos enlaces, el line-through quede fijo en ese enlace y si hago click en otro enlace, solo ese quede marcado. Mi problema es que al hacer click, queda el line-through fijo pero los demás enlaces pierden la propiedad del CSS y no cambian al pasar el mouse por encima. Este es el código:
Código:
<script language="javascript">
function seleccionar(link)
{
var n = document.getElementsByName("tabla").length;
for (i = 0; i<n;i++)
{
document.getElementsByName("tabla").item(i).style.textDecoration='none';
}
link.style.textDecoration='line-through';
}
y el html
Código HTML:
<table width="600" border="0">
<tr>
<td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">1</a></td>
</tr>
<tr>
<td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">2</a></td>
</tr>
<tr>
<td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">3</a></td>
</tr>
<tr>
<td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">4</a></td>
</tr>
<tr>
<td><a href="#" onclick="javascript:seleccionar(this)" name="tabla">5</a></td>
</tr>
</table>
Espero que me puedan ayudar y de antemano muchas gracias!