inicio Chat Foro
Busca
Musica Registrate Comentarios Contactame

Wedmasterayuda.es.tl cambia su desing a uno muchisimo mejor para su agrado
Este cambio de se deve a la nueva version que se esta creando se trata de la version 2.5 de wedmasterayudaMuchas mas opciones segiran surgiendo

Veer Mas

Wedmasterayuda busca entrar al mundo de la musica
Se agregara esta nueva seccion para mayor divercion

Veer Mas

Info No disponible
Juan Camilo Muñoz

iBienvenido a wedmasterayuda!

agregar o quitar columna o filas

agregar o quitar columna o filas
Si tenemos una tabla con muchas filas y columnas es posible que no queramos que se vea entera en la pantalla. Con las funciones que veremos a continuación se pueden mostrar y ocultar tanto filas como columnas.

http://www.fileden.com/files/2008/5/22/1925126/botoncodigowedmasterayuda.JPG http://www.fileden.com/files/2008/5/22/1925126/botonwma324564.JPG

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<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>
<p><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)" /></p>
</body>
</html>


Nota: Modifica las opciones que encuentres en negrilla lo demas es obligatorio tenerlo de esa forma. Si este te sirvio de ayuda deja tu comentario pulsando aqui
Hoy hubo 205077 visitantes (727533 clics a subpáginas) ¡Aqui en wedmasterayuda!
Inicio | Comentarios | Chatea | Foro | Zona musica | Tuturiales | Descargas | Contacto
XHTML CSS
Corporacion wedmasterayuda
Todos los derechos reservados
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis