Aviso de espera

[asus090102]

Hola, quisiera saber si me puden dar una mano con este detalle.

Tengo una base mysql la cual al ser consultada tarda mas de 10 segundos en algunos casos.
¿Hay forma que en el caso de inicio de espera por consulta pueda salir en ese momento alguna leyenda que diga por ejemplo: "Consultando base de datos. Por favor espere." y que desaparezca una vez los datos sean mostrados en pantalla?

Desde ya muchísimas gracias.

[Alexis88]

Como mencionas a una consulta a una BD y publicas esto en el foro de JavaScript, debo de suponer que estás usando Ajax. De ser así, el objeto XHR tiene estados, siendo el estado 4 el que indica que ya se obtuvo una respuesta del servidor, por lo cual podrías hacer algo así:

Código Javascript:

var mensaje = document.getElementById("id_mensaje");
 
if (xhr.readyState < 4){
    mensaje.style.display = "block";
}
else{
    mensaje.style.display = "none";
}
 

En donde mensaje es el elemento que contiene el mensaje que quieres mostrar. También podría tratarse de un GIF de carga, eso ya depende de ti.

Saludos

[Japrendo]

Yo lo hago de esta forma:
en la pagina con la que envio la solicitud a la BD ejecuto una funcion javascrip que abre una pagina intermedia con el mensaje :

esta es la funcion:

Código Javascript:

//***********************************
   //MENSAJE DE PROCESANDO...
   //***********************************
    var ele_proces = document.getElementById("div_tablax");
    var proceso_url = "MientrasCarga.jsp";
    
    pet5.open("GET", proceso_url); 
    pet5.onreadystatechange = function(){
       if (pet5.readyState === 4){
          //escribimos la respuesta
          ele_proces.innerHTML = pet5.responseText;
       }
    };
   pet5.send(null);
 

en esa pagina intermedia que muestro dentro de un DIV tengo este codigo :

Código HTML:

<td align="center">
                    <img src="Imagenes/clock_ajax_loader.gif" width="30" height="30" alt="ajax-loader"/>
                    <font color="#848484">Procesando...</font>
                </td>
 

que muestra el mensaje y un icono que da vueltas...los puedes bajar de AJAXLOAD

cuando se completa la ejecucion de la consulta, cambio el DIV donde se esta mostrndo la pagina intermedia y lo que hago es llenarla con los datos que quiero mostrar...otra opcion es blanquear el DIV.