[SOLUCIONADO] ocultar div problema

jmm87 · #1 (**permalink**) 23/05/2013, 06:27

hola buen dia..
tengo un problema en mi pagina (www.climatizacionserper.com.ar)
como podran ver tengo un div contenedor oculto y un div q se muestra que tiene el texto LA PAGINA SE ESTA CARGANDO.. el body llama a una funciona js que hace q cuando termina de cargar la pagina q esta oculta se muestre y la q se esta mostrando se oculte...
el tema es que cuando <div id="precarga" style="visibility: visible "> pasa a estado oculto , oculta su contenido pero sigue ocupando su lugar..
como podran ver arriba de todos tengo una franja celeste q es la q ocupaba el div

SE PUEDO SOLUCIONAR? GRACIASSSSS

alberto510a · #2 (**permalink**) 23/05/2013, 06:51

En vez de visibility usa display:block; (para mostrar) y display:none; ("reducir el tamaño a 0")

Saludos

jmm87 · #3 (**permalink**) 23/05/2013, 07:35

Alberto estuve leyendo sobre lo q me decis y me quedo algo asi:

Código HTML:

Ver original<script type="text/javascript">
 
    function cargando() {
    cargadas = true;
    for (i = 0, total = document.images.length; i < total; i ++)
    cargadas = cargadas && document.images[i].complete;
    if (cargadas) document.body.style.display = "none";
    else setTimeout("cargando()", 100);
    }
    </script>
 
 
</head>
<body id="page1" onLoad="document.getElementById('precarga').style.display='block';document.getElementById('oculto').style.display='none';">
<div id="oculto" style="display: none">
<div class="body1">
        <div id="precarga" style="display: block ">
        <img src="/images/load.gif" width="128" height="15" border=0 align="center">
        </div>
</div>

pero no me funciona me estoy olvidando de algo? o haciendo algo mal?

alberto510a · #4 (**permalink**) 23/05/2013, 07:57

Tú lo que quieres hacer es que se muestre desde un inicio un mensaje solo en toda la pagina que diga que esta cargando y cuando se cargue desaparezca ese mensaje y se vea el resto de la pagina no?

Si es así tienes que poner en el codigo principal una caja para tu mensaje solo y en otra caja toda tu pagina, a toda tu pagina le pones display:none, despues en el body creas un evento que sea así:

Código HTML:

Ver originalonload="document.getElementById('tu_mensaje').style.display = 'none'; document.getElementById('tu_caja_con_la_pagina').style.display = 'block';"

De esta forma consigue eso.

Saludos

jmm87 · #5 (**permalink**) 23/05/2013, 08:27

claro es muy parecido a lo q hice yo..
ahora supongamos q lo uso tal cual me lo pasaste y no como lo hice yo
en donde me pones:
onload="document.getElementById('tu_mensaje')
yo podria llamar ahi a un html?
entonces yo llamaria ahi a un html con un gif de cargando y mientras q carga el otro html se mantenga ahi..cuando termine abre el otro
o lo del div estaria perfecto si no quedaria el espacio del div

funcionar funciona pero me queda el espacio del div
WWW.CLIMATIZACIONSERPER.COM.ARFIJATE Q ARRIBA APARECE EL GIF HASTA Q CARGA LA OTRA PAGINA

GRACIAS POR LA MANO Q ME ESTAS DANDO ALBERTO

Cita:

Iniciado por alberto510a

Tú lo que quieres hacer es que se muestre desde un inicio un mensaje solo en toda la pagina que diga que esta cargando y cuando se cargue desaparezca ese mensaje y se vea el resto de la pagina no?

Si es así tienes que poner en el codigo principal una caja para tu mensaje solo y en otra caja toda tu pagina, a toda tu pagina le pones display:none, despues en el body creas un evento que sea así:

Código HTML:

Ver originalonload="document.getElementById('tu_mensaje').style.display = 'none'; document.getElementById('tu_caja_con_la_pagina').style.display = 'block';"

De esta forma consigue eso.

Saludos

alberto510a · #6 (**permalink**) 23/05/2013, 09:21

El problema es que el div precarga lo tienes dentro del div oculto y por eso no se ve porque aunque le tengas display block el otro que es el padre tiene none y lo tapa asi que debes sacarlo fuera de ese div padre.

jmm87 · #7 (**permalink**) 23/05/2013, 09:32

como un error tonto te complica la vida a veces no? por suerte hay gente como vos que nos ayuda.. gracias te debo varias!

alberto510a · #8 (**permalink**) 23/05/2013, 09:35

Cita:

como un error tonto te complica la vida a veces no? por suerte hay gente como vos que nos ayuda.. gracias te debo varias!

No hay de que hombre para eso estamos!