Cómo ocultar o mostrar filas de una tabla

[dadier]

Hola a todos... quisiera saber como puedo hacer para ocultar filas de una tabla usando un enlace y este a su vez cambie (si las filas se muestran "Ocultar filas" sin las filas están ocultas "Mostrar filas")... alguien me puede ayudar...

De ante mano, gracias.

[JavierB]

Hola dadier. Bienvenido al foro.

A ver si te sirve de ayuda este código, para mostrar/ocultar filas/columnas

Saludos,

[dadier]

JavierB... gracias por tu ayuda... pero ya antes de entrar a este foro, había visitado tu url, y aprovecho para decirte que hay cosas muy interesasntes allí... pero no me sirve ese código, pues para Mostrar/Ocultar las filas o columnas, usas dos botones y yo lo que quiero es a que través de un enlace poder mostrar u ocultar las filas, pero que a su vez, el texto del enlace cambie según se muestren u oculten las filas... no sé si me hago explicar.

[dadier]

Hola a todos... quisiera saber como puedo hacer para ocultar filas de una tabla usando un enlace (texto, no usando un boton) y este a su vez cambie según lo elejido (si las filas están visibles el texto del link sea "Ocultar filas" sin las filas están ocultas el texto del link sea "Mostrar filas")... alguien me puede ayudar...

De ante mano, gracias.

[kaninox]

holas daier vamos a ver si te sirve esto :)

Código:

//esto en el head
<script>
// definimos los bloques
OCULTO="none";
VISIBLE="block";
	
function mostrar(blo) {
  document.getElementById(blo).style.display=VISIBLE;
  document.getElementById('ver_off').style.display=VISIBLE;
  document.getElementById('ver_on').style.display=OCULTO;
}
 
function ocultar(blo) {
  document.getElementById(blo).style.display=OCULTO;
  document.getElementById('ver_off').style.display=OCULTO;
  document.getElementById('ver_on').style.display=VISIBLE;
}
</script>
//terminamos en el head vamos al body
//en el body
<div id="ver_on"><a onclick="mostrar('bloque')">Mostrar texto</a></div>
<div id="ver_off" style="display: none"><a onclick="ocultar('bloque')">Ocultar texto</a></div>
<div id="bloque" style="display: none">
Aqui va tu formulario, texto y todo lo que quieras mostrar tablas imagenes etc.... :)
espero te ayude ;) Saludos
</div>

el codigo hay esta ahora tu ves como lo empleas y donde te gustaria ponerlo

[caricatos]

¡Gracias JavierB!

Creo que muchos tenemos motivos para agradecer a JavierB...

dadier: Un enlace es para enlazar, y es semánticamente incorrecto usar un enlace para ejecutar un script (podría ser discutible... tendrás tus razones...)

Convertir un enlace en un evento y viceversa es relativamente fácil, pero ese tipo de prácticas creo que es preferible evitarlas.

Si quieres usar más de una función en un script, tan solo tienes que separarlos con ";"

Saludos