Mensagem de espera enquanto algo é executado

Front-end
#1

Oi pessoal
Estou desenvolvendo uma aplicação Web e pretendo que enquanto meus dados são enviados para a base de dados ou qualquer operação em execução que demore um instante, saia uma mensagem de “por favor aguarde…” na tela. como faço isso pessoal? Alguém tem um exemplo simples?

Obrigado.

#2

Você pode ter um div oculto com aquela mensagem. Quando for necessário, você faz aparecer ele e quando acabar a operação, você esconde ele de novo.

#3

De uma pesquisada sobre Ajax com JSP ,

existem ferramentas “Ajax” que fazem isso ai

FALOW

#4

Tenta usar Ajax.Responders do prototype

eu uso , é bacana pra esse tipo de situação.

http://www.prototypejs.org/api/ajax/responders

#5

O que ele esta procurando não precisa estar relacionado com Ajax.

Ele pode ter por exemplo um iframe oculto com um form dentro e estar enviando os dados por ali. A página não vai recarregar e isso não e Ajax.

#6

Se você for usar Ajax com prototype…

Coloca isso no header da página.

<script language="javascript">
Ajax.Responders.register({
   onLoading: function() {
    if($('busy') && Ajax.activeRequestCount>0)
      $('busy').show();
    },
   onComplete: function() {
    if($('busy') && Ajax.activeRequestCount==0)
      $('busy').hide();
   }
});
</script>

Coloca esse div dentro do body, pega uma img representando um “ocupado” e ajusta do jeito que quizer…

<div id="busy" alt="busy" style="display:none; width:500px;height:300px;background-color:#FFFFFF;z-index:10;position: absolute; left: 0px; top: 70px; filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;">
       <div style="position:relative;left:460px;top:200px;width:50px;"><img src="../images/busy.gif"/></div>
</div>
#7