Como deshabilitar una tabla en javascript

[bernadelpradoclaves]

Hola a todos,

Tengo una tabla html con 'n' registros. Cada uno de estos registros contiene tres botones que realizan acciones diferentes. Lo que quiero hacer que cuando se pulse uno de los botones se deshabilite toda la tabla para no permitir al usuario pulsar otro botón.

Existe alguna forma de deshabilitar toda la tabla sin tener que ir deshabilitando botón a botón de cada uno de los 'n' registros.

Gracias de antemano.


Un saludo.

[Azrael666]

no creo.. pero puedes hacer una funcion que te recorra todos los botones y te los deshabilite en el onclick.

[caricatos]

Hola:

Una tabla html no tiene registros sino filas y columnas... las de los registros son las de bases de datos... Si te refieres a las bases de datos, tendrías que pensar en lenguajes del servidor, y en el caso de html en jacascript...

Explícanos mejor tu problema...

Saludos

[bernadelpradoclaves]

Efectivamente, quería decir tabla html con filas. Pues eso tengo una tabla con 'n' filas y en cada fila tengo 3 botones que cada uno realiza una accion. Lo que quiero hacer es deshabilitar toda la tabla incluidos lo botones.

<Table>
<tr>
<td> <font align="right"> <b> LINEA 1 </b> </font></TD>
<td> <INPUT TYPE="button" value="editar" id="editar" > </td>
<td> <INPUT TYPE="button" value="borrar" id="borrar" > </td>
<td> <INPUT TYPE="button" value="nuevo" id="nuevo" > </td>
</tr>

<tr>
<td> <font align="right"> <b> LINEA 2 </b> </font></TD>
<td> <INPUT TYPE="button" value="editar" id="editar" > </td>
<td> <INPUT TYPE="button" value="borrar" id="borrar" > </td>
<td> <INPUT TYPE="button" value="nuevo" id="nuevo" > </td>
</tr>
...

<tr>
<td> <font align="right"> <b> LINEA n </b> </font></TD>
<td> <INPUT TYPE="button" value="editar" id="editar" > </td>
<td> <INPUT TYPE="button" value="borrar" id="borrar" > </td>
<td> <INPUT TYPE="button" value="nuevo" id="nuevo" > </td>
</tr>



</Table>

[JavierB]

Hola bernadelpradoclaves

<table id="table">

Para deshabilitar los botones usa este código:

Código:

tab = document.getElementById('tabla');
for(i=0; ele = tab.getElementsByTagName('input')[i]; i++)
  ele.disabled = true;

Saludos,

[bernadelpradoclaves]

Esto último me funciona bien.

Y si la tabla además tiene un link como sería el script que me has mandando

<Table>
<tr>
<td> <font align="right"> <b> LINEA 1 </b> </font></TD>
<td> <INPUT TYPE="button" value="editar" id="editar" > </td>
<td> <INPUT TYPE="button" value="borrar" id="borrar" > </td>
<td> <INPUT TYPE="button" value="nuevo" id="nuevo" > </td>
<td> <a href="javascript:inicio.jsp"> <IMG SRC="cony.gif"></a> </td></tr>

<tr>
<td> <font align="right"> <b> LINEA 2 </b> </font></TD>
<td> <INPUT TYPE="button" value="editar" id="editar" > </td>
<td> <INPUT TYPE="button" value="borrar" id="borrar" > </td>
<td> <INPUT TYPE="button" value="nuevo" id="nuevo" > </td>
<td> <a href="javascript:inicio.jsp"> <IMG SRC="cony.gif"></a> </td></tr>
...

<tr>
<td> <font align="right"> <b> LINEA n </b> </font></TD>
<td> <INPUT TYPE="button" value="editar" id="editar" > </td>
<td> <INPUT TYPE="button" value="borrar" id="borrar" > </td>
<td> <INPUT TYPE="button" value="nuevo" id="nuevo" > </td>
<td> <INPUT TYPE="button" value="nuevo" id="nuevo" > </td>
<td> <a href="javascript:inicio.jsp"> <IMG SRC="cony.gif"></a> </td></tr>



</Table>

[caricatos]

Hola:

Tu ejemplo es muy malo... pones en el href el prefijo "javascript:" como si quisieras usar un scripy, pero detrás hay una url...

Si quieres usar un script no es nacesario un enlace.

Saludos

[AndresMon89]

el enlace esta llamando una funcion... de otra forma la imagen q esta realizando la funcion de boton no funcionaria

[JavierB]

El mensaje original es de hace más de 2 años. Por favor, no reviváis temas tan antiguos.

Saludos,