Cargar Datos antes de mostrar web

xalupeao · #1 (**permalink**) 05/01/2009, 11:53

Bueno amigo usando un include(); que me genera un index.php?seccion=Archivo

voy creando diferentes secciones en la web, eso lo digo por si es necesario usar algo y que con ese tipo de includes no se pueda.

En un archivo tengo programado que me muestre el estado de los servicios si se encuentra on o off, bueno el sistema se demora aproximadamente 15 segundo en obtener los resultados, entonces necesito un javascript que me diga "Cargando Datos..." pero que a la misma vez obtenga los estados de mis servicios y los muestre luego de haber obtenido todos.

Espero que se entienda la idea y me ayuden gracias.

GatorV · #2 (**permalink**) 05/01/2009, 11:57

Tema trasladado a Javascript.

MoonShadow · #3 (**permalink**) 05/01/2009, 12:26

Eso es tal vez más para AJAX que para sólo Javascript...

Ya que una vez que puedes ejecutar Javascript, es cuando la página a completado su descarga...

Sin embargo, puedes probar haciendo que durante la carga de la panalla, haya un div presente que sólamente diga "Cargando datos...", y que el resto de lo que tiene que aparecer luego esté en un div oculto por css, utilizando por ejemplo su propiedad "display:none", y que en el evento de javascript: "window.onload", pongas una función que oculte el div de carga, y muestre el div de todos los demás contenidos, por ejemplo:

Código HTML:

<div id="cargando">Cargando datos...</div>

<div id="global" style="display:none"><!-- Todo tu código HTML --></div>

Y el javascript...

Código:

<script>
function cambiarDiv()
{
    document.getElementById("cargando").style.display = "none"; // Oculto el div de cargando
    document.getElementById("global").style.display = "block"; // Muestro el otro div
}

window.onload = cambiarDiv; // Asigno la función al evento onload de la página
</script>

Puedes probar y nos avisas.

Saludos

xalupeao · #4 (**permalink**) 05/01/2009, 18:44

Bueno tengo una pregunta es que mi codigo es asi

Código PHP:

  // arriba tengo cosas que hacen query y demas luego 
print ' 
 
<script> 
function cambiarDiv() 
{ 
    document.getElementById("cargando").style.display = "none"; // Oculto el div de cargando 
    document.getElementById("global").style.display = "block"; // Muestro el otro div 
} 
 
window.onload = cambiarDiv; // Asigno la función al evento onload de la página 
</script> 
 
<div id="cargando">Cargando datos...</div> 
 
<div id="global" style="display:none"> 
 
Todos mis datos y la parafernalia :B 
</div> 
 
';

Estaria correcto o tendria que hacerlo las etiquetas <html><body> </body></html>???

Gracias.

MoonShadow · #5 (**permalink**) 05/01/2009, 21:36

El código debería estar dentro de la etiqueta body, pero fuera de eso pareciera estar correcto.

Tendrías que probarlo y ver si cumple con tus necesidades

Saludos

xalupeao · #6 (**permalink**) 06/01/2009, 10:13

De las dos formas no me funciona con las etiquetas nada >.<!

hay otra forma?

Gracias :)