Mostrar y ocultar tabla

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;

<head>
<script language=”Javascript”>
function mostrar() {
var primera, mostrar;
unaTabla = document.getElementById(“primera”);
if(primera.style.visibility == “hidden”) {
primera.style.visibility = “visible”;
mostrar = document.getElementById(“mostrar”).childNodes[0];
mostrar.data = “Ocultar”;
}
else {
primera.style.visibility = “hidden”;
mostrar = document.getElementById(“mostrar”).childNodes[0];
mostrar.data = “Mostrar”;
}

}
</script>
</head>

<body>

<table border=”1″ id=”primera” style=”visibility: hidden;”>
<tr>
<td>Nombre</td><td>Apellido</td>
</tr>
<tr>
<td>Juan</td><td>Pérez</td>
</tr>
<tr>
<td>Mariana</td><td>Fernández</td>
</tr>
<tr>
<td>Claudio</td><td>Rodríguez</td>
</tr>
</table>

<a id=”mostrar” href=”javascript:mostrar();”>Mostrar</a>
</body>
</html>

Anuncios
Minientrada | Esta entrada fue publicada en CSS. Guarda el enlace permanente.

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s