Iremart.es

Drone paso a paso Ardupilot, Visual studio y otros lenguajes de programación

  • Estadísticas

    • 71Lecturas hoy:
    • 75Lecturas ayer:
    • 132594Total de visitas:
    • 62Hoy:
    • 66Ayer:
    • 599La semana anterior:
    • 1561Visitantes por mes:
    • 77Visitantes por día:
    • 0Visitantes conectados:

Ocultar y mostrar capas ( div , table ) javascript

Posted by skskynet on septiembre 21st, 2011

Funciona tanto para un div como para un table.

hay que poner     id=”flotante” style=”display:none;” o en el div o en table, a mí personalmente me gusta que cada id, tenga un nombre diferente. El ejemplo está puesto para flotante y flotante2.

<script>

//codigo en javascript para ocultar y mostrar capas

function mostrardiv() {

div = document.getElementById(“flotante”);
div.style.display = “”;

div2 = document.getElementById(“flotante2”);
div2.style.display = “”;
}
function ocultardiv() {
div = document.getElementById(“flotante”);
div.style.display=”none”;
div2 = document.getElementById(“flotante2″);
div2.style.display=”none”;
}
</script>

 

Luego creamos los botones para mostra u ocultar

<table  border=”0″>

<tr>  <td>

<input type=”button” value=”Mostrar” onclick=”mostrardiv()” />

<input type=”button” value=”Ocultar” onclick=”ocultardiv()” />

</td>  </tr>

</table>

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">