Foros del Web » Programando para Internet » Javascript »

Ocultar Una Tabla

Estas en el tema de Ocultar Una Tabla en el foro de Javascript en Foros del Web. Hola a todos. Soy nuevo en el foro. Mi pregunta es como debo hacer para borrar tablas o más exactamente filas de una tabla en ...
  #1 (permalink)  
Antiguo 29/11/2005, 22:03
 
Fecha de Ingreso: octubre-2005
Mensajes: 45
Antigüedad: 19 años, 1 mes
Puntos: 0
Pregunta Ocultar Una Tabla

Hola a todos.
Soy nuevo en el foro.

Mi pregunta es como debo hacer para borrar tablas o más exactamente filas de una tabla en javascript
  #2 (permalink)  
Antiguo 30/11/2005, 01:41
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 9 meses
Puntos: 772
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:silverborder:1px solid maroon;width:100px;margin:5px}
</
style>
<
script type="text/javascript">
<!--
function 
ocultarFila(num,ver) {
  
disver '' 'none';
  
tab=document.getElementById('tabla');
  
tab.getElementsByTagName('tr')[num].style.display=dis;
}
function 
ocultarColumna(num,ver) {
  
disver '' '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,
  #3 (permalink)  
Antiguo 26/01/2010, 02:40
 
Fecha de Ingreso: marzo-2009
Mensajes: 11
Antigüedad: 15 años, 7 meses
Puntos: 0
Respuesta: Ocultar Una Tabla

Cita:
Iniciado por JavierB Ver Mensaje
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:silverborder:1px solid maroon;width:100px;margin:5px}
</
style>
<
script type="text/javascript">
<!--
function 
ocultarFila(num,ver) {
  
disver '' 'none';
  
tab=document.getElementById('tabla');
  
tab.getElementsByTagName('tr')[num].style.display=dis;
}
function 
ocultarColumna(num,ver) {
  
disver '' '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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:30.