Posteado por: irodriguezm | octubre 16, 2010

Ocultar/Mostrar div


Una buena forma de presentación de varias grillas o formularios es a traves de div, javascript nos da la posibilidada de mostrar o ocultar nuestros div con un sencillo codigo:
1ro Creamos nuestro div, en este caso el div es “contenidoUnidades”

                <div id="contenidoUnidades">Aca ponemos lo que sea o bien llamamos a una pagína para paginar resultados </div>

2do paso creamos nuestra función en javascript

<script>
function mostrardivUnidades() {

div = document.getElementById('contenidoUnidades');

div.style.display = '';

}


function cerrarUnidades() {

div = document.getElementById('contenidoUnidades');

div.style.display='none';

}

</script>

3er paso y ultimo hacemos la llamada a la función

<a href="javascript:mostrardivUnidades();">+ Mostrar Unidades</a>    <a href="javascript:cerrarUnidades();">- Ocultar Unidades</a>

resultado final

Saludos


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

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

Categorías

A %d blogueros les gusta esto: