click y mostrar un elemento.

[congrio7]

Este patron lo repito muchas veces en mi pagina.

<tr>
<td class="descr_campo">descripción</td>
<td colspan="8">
bla bla....
<div class="botonmas"><a href="#">boton</a></div>

</td>
</tr>
<tr>
<td class="mas" colspan="9">
bla bla bla......................
</td>
</tr>

".mas" está de inicio con display:none y la idea es que al pulsar el boton se muestre esa fila (y al pulsar otra vez se esconda).

Puedo cambiar lo que quiera de la pagina, lo que quiero es que al pulsar un boton (cualquiera) se muestre la columna de la fila siguente, sobrecargando lo menos posible la pagina con DOM y demas codigo JavaScript.

¿Como lo hariais vosotros, sabios programadores?

[ocp001a]

Pues podrías empezar no sobrecargando con tablas si no son necesarias o divs si tampoco lo son.

Necesitas poner un id al elemento que quieres mostrar/ocultar, de lo contrario, todos los elementos con la misma clase podrían sufrir el efecto.

Suponiendo que no usas jquery, haces una función en js:

Código Javascript:

function ocultar_mostrar(id){
 var el=document.getElementById(id);
  if(el.style.display='none')
      el.style.display='block';
  else
      el.style.display='none';
}
 

<a onclick="ocultar_mostrar('id_elemento')">boton</a>

[congrio7]

Iniciado por ocp001a

Pues podrías empezar no sobrecargando con tablas si no son necesarias o divs si tampoco lo son.

Necesitas poner un id al elemento que quieres mostrar/ocultar, de lo contrario, todos los elementos con la misma clase podrían sufrir el efecto.

Suponiendo que no usas jquery, haces una función en js:

Código Javascript:

function ocultar_mostrar(id){
 var el=document.getElementById(id);
  if(el.style.display='none')
      el.style.display='block';
  else
      el.style.display='none';
}
 

<a onclick="ocultar_mostrar('id_elemento')">boton</a>

100 ids distintos?

Y si, podria usar jquery.

[ocp001a]

Pues los ids que requieras, si no, no podrías referenciar un elemento en concreto. No veo mucho problema, yo tengo aplicaciones con cientos de ids en la misma pantalla y no hay baja de rendimiento, siempre y cuando optimices las operaciones que haces con dichos ids

[congrio7]

Iniciado por ocp001a

Pues los ids que requieras, si no, no podrías referenciar un elemento en concreto. No veo mucho problema, yo tengo aplicaciones con cientos de ids en la misma pantalla y no hay baja de rendimiento, siempre y cuando optimices las operaciones que haces con dichos ids

Podría usando parentNode, nextElementSibling y todo eso.....

¿Tienes tantos addEventListener como ids?