mensaje de carga

Danylo · #1 (**permalink**) 25/02/2011, 10:45

Buen dia, estoy experimentando con ajax y lo primero que note es que cuando me estaba insertando el resultado de la consulta, no se si lo esta haciendo, asi que quiero meterle un mensaje que diga que se espere, que esta cargando, pero quiero que haga el efecto que pone en otro color toda la pantalla del explorador y con lo cual no puede mover nada y el mensaje en medio de carga, alguien sabe como?, se lo agradecere mucho.

IsaBelM · #2 (**permalink**) 25/02/2011, 14:24

mas o menos es así. un div con las propiedades css

Cita:

display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1000;

mientras el proceso no esté en el estado 4, cambia el display a block. una vez que ha llegado el estado 4 cambias el display a none

Danylo · #3 (**permalink**) 25/02/2011, 15:19

gracias, un ultimo favor, como bien decia, estoy experimentando y los unicos pininos que he echo los he pegado de otros ejemplos, entonces la verdad no se como llamarlo y ponerlo, me darias un ejemplo mas claro?

IsaBelM · #4 (**permalink**) 26/02/2011, 15:48

te he borrado 3 mensajes de visitas. entenderás que no es el lugar donde preguntar ni exponer tus dudas. espero que no se repita

Cita:

if (xmlhttpobj.readyState==2) {
document.getElementById('loading').style.display = 'block';
}
else if (xmlhttpobj.readyState==4){
document.getElementById('loading').style.display = 'none';

#loading {
display: none;
background-color: #111;
color: #FFF;
text-align: center;
width: 100%;
height: 100%;
filter: alpha(opacity=70);
opacity: .70;
z-index: 1000;
position: fixed;
top: 0px;
left: 0px;
}

<body>
<div id="loading">
</div>
resto de la web