26/01/2010, 02:40
|
| | | Fecha de Ingreso: marzo-2009
Mensajes: 11
Antigüedad: 16 años Puntos: 0 | |
| Respuesta: Ocultar Una Tabla
Cita:
Iniciado por JavierB  Hola lumeche. Bienvenido al foro.
Tenía por ahí este código que creo que te servirá: Código PHP: <html>
<head>
<title>Mostrar/ocultar filas y columnas</title>
<style type="text/css">
table {border-collapse:collapse;border:1px solid maroon;margin-left:80px}
td {border:1px solid maroon;width:30px;text-align:center}
input {background:silver; border:1px solid maroon;width:100px;margin:5px}
</style>
<script type="text/javascript">
<!--
function ocultarFila(num,ver) {
dis= ver ? '' : 'none';
tab=document.getElementById('tabla');
tab.getElementsByTagName('tr')[num].style.display=dis;
}
function ocultarColumna(num,ver) {
dis= ver ? '' : 'none';
fila=document.getElementById('tabla').getElementsByTagName('tr');
for(i=0;i<fila.length;i++)
fila[i].getElementsByTagName('td')[num].style.display=dis;
}
-->
</script>
</head>
<body>
<table id="tabla" border="1">
<tr>
<td>1.1</td><td>1.2</td><td>1.3</td>
</tr>
<tr>
<td>2.1</td><td>2.2</td><td>2.3</td>
</tr>
<tr>
<td>3.1</td><td>3.2</td><td>3.3</td>
</tr>
</table>
<input type="button" value="Quitar fila" onclick="ocultarFila(1,false)" />
<input type="button" value="Poner fila" onclick="ocultarFila(1,true)" />
<br />
<input type="button" value="Quitar columna" onclick="ocultarColumna(1,false)" />
<input type="button" value="Poner columna" onclick="ocultarColumna(1,true)" />
</body>
</html>
Saludos,  muy bueno.. funciona! |