esconder tablas

NeonDD · #1 (**permalink**) 24/03/2005, 08:23

hola, tengo una tabla en la cabecera de mi web que kiero ocultar, y debajo de esta otras 2 o 3 mas. Me gustaria que la tabla se ocultase pulsando sobre una imagen, y al volver a pulsar la imagen, la tabla vuelva a aparecer. Pero no kiero que cuando oculte la tabla, se quede un hueco en blanco en su lugar, sino que al ocultarla, las tablas de debajo "suban" y ocupen su sitio.
¿Conoceis algun codigo para hacer lo que quiero? He probado varios y nada, un saludo.

jam1138 · #2 (**permalink**) 25/03/2005, 03:31

:séveR led onieR le edsed sodulaS

Veo que practicamente eres nuevo en el foro... Espero te sea de mucha utilidad...
Fíjate que hay un buen sistema de busquedas...
http://www.forosdelweb.com/showthrea...ocultar+tablas
http://www.forosdelweb.com/showthrea...ocultar+tablas
http://www.forosdelweb.com/showthrea...ocultar+tablas

Suerte!

NeonDD · #3 (**permalink**) 29/03/2005, 08:04

hola, perdon por no haber buscado antes, pero es que como bien dices soy nuevo en el foro y no tengo mucha idea de como funciona. como tampoco tengo mucha idea de javascript y html, y por eso no he conseguido hacer lo que quiero pese a haber leido detenidamente los 3 post a los que me remites.
¿no podrias explicarmelo tu detenidamente? yo no quiero ocultar una celda ni una columna...quiero ocultar la tabla entera (hecha con html) pulsando sobre una imagen.

un saludo y gracias

JavierB · #4 (**permalink**) 29/03/2005, 08:16

Hola NeonDD. Bienvenido al foro.

Te pongo un ejemplo:

Código PHP:

  <html>

<head>

<script type="text/javascript">

function aparecer() {

  tab=document.getElementById('tabla');

  tab.style.display=(tab.style.display=='none') ? '' : 'none';

}

</script>

</head>

<body>

<img src="tuimagen.jpg" onclick="aparecer()" />

<table id="tabla">

<tr><td>Celda 1</td></tr>

</table>

<table>

<tr><td>Celda 2</td></tr>

</table>

</body>

</html>

Saludos,