Foros del web, para los que viven de bits

Greco2 · 25-mar-2008, 16:53

Hola, antes que todo les comento que estoy recien metiendome en esto de Ajax y es bastante poco lo que se, me he bajado el framework PROTOTYPE y estoy empesando recien.

En las FAQ del foro encontré la forma de mostrar la amosa imagen de "Loading..." en una esquina, lo que deseo es mostrar esa misma imagen pero centrada en la pantalla, supongo que eso lo tendré que hacer con css pero lo que necesito tambien es que cuando este visible la imagen "LOADING..." la pagina se "oscurezca" o bien se ponga mas "pálida", algo asi como el efecto de algunas paginas cuando muestran una ventana modal o algunas galerias de imagenes.

Si alguien me puede dar unas indicaciones de como realizarlo, si es que se puede solamente con PROTOTYPE o tendre que usar otros archivos mas.

Saludos

Greco2 · 25-mar-2008, 17:42

ya pude solucionar parte dle problema, lo que pude hacer es mostrar un DIV centrado horizontal y verticalmente en la página, dicho div es el que muestra el gif que indica que se esta cargando, ahora lo unico que me falta es poder oscurecer la pagina mientras se esta haciendo la operacion.

Si alguien puede darme una pequeña ayuda o indicaciones ya que busque en internet y encontré un articulo que mostraba como hacerlo con PROTOTYPE (que tambien estoy usando) y con EFFECT.JS de SCRIPT.ACULO.US pero lamentablemente estaba incompleto.

Saludos.

PD. El codigo que ocupé para centrar el div horizontal y vertical es el siguiente:

Cita:

.load{
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
overflow: none;
border: 0px solid;
display:none;
}

MaBoRaK · 28-mar-2008, 07:35

loading...................

Podemos hacer algo a la rápida.

Código PHP:


			
var osc = document.createElement("div");

osc.style.position="absolute";

osc.style.filter="alpha(opacity=50)";

osc.style.opacity=0.5;

osc.style.width="100%";

osc.style.height="100%";

osc.style.display="none";

osc.innerHTML="<div style='text-align:center;'>Loading.....</div>";

document.body.appendChild(osc);



//ahora lo implementamos en tu ajax.



osc.style.display="";  //mostrará el loading

//aca creas tu objeto ajax, variables, etc etc

ajax.blablablabla

ajax.onreadystatechange=function()

{

  if(ajax.status==4)

 {

      osc.style.display="none";  

 }

};

Creo que con eso ya tienes una idea de como hacerlo. Espero te sirva.

connection closed.

Greco2 · 01-abr-2008, 17:17

Muchas gracias por la ayuda, cualquier duda posteo aqui.

25-mar-2008, 16:53	#1 (permalink)
Greco2 Fecha de Ingreso: junio-2006 Mensajes: 80	oscurecer pagina mientras está en "Loading..." Hola, antes que todo les comento que estoy recien metiendome en esto de Ajax y es bastante poco lo que se, me he bajado el framework PROTOTYPE y estoy empesando recien. En las FAQ del foro encontré la forma de mostrar la amosa imagen de "Loading..." en una esquina, lo que deseo es mostrar esa misma imagen pero centrada en la pantalla, supongo que eso lo tendré que hacer con css pero lo que necesito tambien es que cuando este visible la imagen "LOADING..." la pagina se "oscurezca" o bien se ponga mas "pálida", algo asi como el efecto de algunas paginas cuando muestran una ventana modal o algunas galerias de imagenes. Si alguien me puede dar unas indicaciones de como realizarlo, si es que se puede solamente con PROTOTYPE o tendre que usar otros archivos mas. Saludos

25-mar-2008, 17:42	#2 (permalink)
Greco2 Fecha de Ingreso: junio-2006 Mensajes: 80	Re: oscurecer pagina mientras está en "Loading..." ya pude solucionar parte dle problema, lo que pude hacer es mostrar un DIV centrado horizontal y verticalmente en la página, dicho div es el que muestra el gif que indica que se esta cargando, ahora lo unico que me falta es poder oscurecer la pagina mientras se esta haciendo la operacion. Si alguien puede darme una pequeña ayuda o indicaciones ya que busque en internet y encontré un articulo que mostraba como hacerlo con PROTOTYPE (que tambien estoy usando) y con EFFECT.JS de SCRIPT.ACULO.US pero lamentablemente estaba incompleto. Saludos. PD. El codigo que ocupé para centrar el div horizontal y vertical es el siguiente: Cita: .load{ position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; overflow: none; border: 0px solid; display:none; }

28-mar-2008, 07:35	#3 (permalink)
MaBoRaK Fecha de Ingreso: abril-2003 Ubicación: La Paz - Bolivia Mensajes: 1.749	Re: oscurecer pagina mientras está en "Loading..." loading................... Podemos hacer algo a la rápida. Código PHP: var osc = document.createElement("div"); osc.style.position="absolute"; osc.style.filter="alpha(opacity=50)"; osc.style.opacity=0.5; osc.style.width="100%"; osc.style.height="100%"; osc.style.display="none"; osc.innerHTML="<div style='text-align:center;'>Loading.....</div>"; document.body.appendChild(osc); //ahora lo implementamos en tu ajax. osc.style.display=""; //mostrará el loading //aca creas tu objeto ajax, variables, etc etc ajax.blablablabla ajax.onreadystatechange=function() { if(ajax.status==4) { osc.style.display="none"; } }; Creo que con eso ya tienes una idea de como hacerlo. Espero te sirva. connection closed. __________________ maborak@maborak.com http://www.maborak.com Maborak technologies

01-abr-2008, 17:17	#4 (permalink)
Greco2 Fecha de Ingreso: junio-2006 Mensajes: 80	Re: oscurecer pagina mientras está en "Loading..." Muchas gracias por la ayuda, cualquier duda posteo aqui.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado