como ocultar divs

NobProgram · #1 (**permalink**) 17/09/2012, 09:39

como puedo ocultar el contenido de los divs con javascript o jquery?
si alguien me ayuda porfavor.

ArturoGallegos · #2 (**permalink**) 17/09/2012, 09:46

si usas el buscador del foro o de google encontraras muchos ejemplos
http://bit.ly/NxEaja

fjrueda · #3 (**permalink**) 17/09/2012, 10:43

Nobprogram.

La mejor forma de ocultar un div es usando "display", es muy sencillo y muy comodo.

NobProgram · #4 (**permalink**) 17/09/2012, 11:38

Cita:

Iniciado por Ag666

si usas el buscador del foro o de google encontraras muchos ejemplos
[url]http://bit.ly/NxEaja[/url]

Cita:

Iniciado por fjrueda

Nobprogram.

La mejor forma de ocultar un div es usando "display", es muy sencillo y muy comodo.

si me dejaran la sintaxis sería mejor, ya que he probado con algunas sintaxis que he buscado en google, pero no funciona.
yo quiero ocultar un div pero dentro lleva varios divs..
saludos.

masterpuppet · #5 (**permalink**) 17/09/2012, 11:43

Postea el código que estas utilizando, y para ocultar un elemento con jquery puedes utilizar hide.

Dradi7 · #6 (**permalink**) 17/09/2012, 11:43

pero solo oculta el div padre nada mas

CSS

Código CSS:

Ver original.mydiv{
   display:block; /* también puedes reemplazar el block por none*/
}

JS

Código Javascript:

Ver originaldocument.getElementById("myDiv").style.display = "block"; // también puede ser none

Solo aclarar que los div que estan adentro no deben ser de position: absolute sino no lo ocultara

Saludos

NobProgram · #7 (**permalink**) 17/09/2012, 11:58

Cita:

Iniciado por Dradi7

pero solo oculta el div padre nada mas

CSS

Código CSS:

Ver original.mydiv{
   display:block; /* también puedes reemplazar el block por none*/
}

JS

Código Javascript:

Ver originaldocument.getElementById("myDiv").style.display = "block"; // también puede ser none

Solo aclarar que los div que estan adentro no deben ser de position: absolute sino no lo ocultara

Saludos

con el del css desaparece toda mi pagina..! con el de javascript no funciona..
parece que no han entendido yo quiero que a la hora de dar click derecho - ver codigo fuente de la página no se vea el contenido de los divs, sino que solo se vean los divs no el contenido..
ojala me entiendan.

Dradi7 · #8 (**permalink**) 17/09/2012, 12:02

eso si no se va a poder, esto es ya algo nativo del navegador lo cual lo realiza, lo que tal vez podrías hacer es poder zipear tu código es decir minimizarlo y mostrarlo todo como una sola linea.

fjrueda · #9 (**permalink**) 17/09/2012, 14:50

Nobrogram.

Le pongo un ejemplo muy sencillo y basico y usted me dira si le sirve o no.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
function demonone(quien)
{
    document.getElementById(quien).style.display="none";
    if(quien=='p1')
    {
         document.getElementById('bhp2').disabled = true;
         document.getElementById('bsp2').disabled = true;
    }
}
 
function demoblock(quien)
{
    document.getElementById(quien).style.display="block";
    if(quien=='p1')
    {
        document.getElementById('bhp2').disabled = false;
        document.getElementById('bsp2').disabled = false;
    }
}
</script>
<style>
#p1
{
    background-color: blue;
    color: #FFFFFF;
    padding: 10px;
}
 
#p2
{
    background-color: #FFFFFF;
    width: 50%;
    color: #000000;
}
</style>
</head>
<body>
<div id="p1">
    This is some father text.
    <div id="p2">This is some son text.</div>
    <p>...</p>
</div>
<input id="bhp1" type="button" onclick="demonone('p1')" value="Hide father text with display property" />
<input id="bsp1" type="button" onclick="demoblock('p1')" value="Show father text with display property" />
<input id="bhp2" type="button" onclick="demonone('p2')" value="Hide son text with display property" />
<input id="bsp2" type="button" onclick="demoblock('p2')" value="Show son text with display property" />
</body>
</html>