PHP - Orientação com Mensagem de Sucesso

[violin101 0]

Caros amigos, saudações...

 

Fiz várias pesquisa, mas não consegui entender como devo fazer corretamente.

 

Tenho um Cadastro de Produto/Clientes/etc.

 

Gostaria de após clicar no Button ADICIONAR ou GRAVAR, quero mostrar na tela a seguinte mensagem:
msg:
Aguarde Processando...

 

obs.: em alguns sistema até parece uma MODAL, com barra de progresso.

 

Para impedir que o usuário fica Clicando nos Buttons.

 

Alguém poderia me auxiliar de como devo fazer isso ?

 

Grato,

 

Cesar

[Omar~ 87]

Acontece que seu caso não tem nada haver com PHP e sim com HTML/Javascript que se trata da parte do usuário e não do servidor.

 

O que vai ter que fazer é:

Ao submeter o formulário que terá de ser por AJAX algum elemento surge cobrindo a página assim sendo qualquer click será nesse elemento. Esse ou outro elemento mostra alguma indicação enquanto os dados não são enviados.

 

O que você procura é feito nesse exemplo: https://github.com/Spell-Master/sm-web/tree/master/exemplos/modal%26ajax

 

[violin101 0]

Olá, caro amigo Omar, saudações...

 

Obrigado por sua explicação.

 

Baseado no seu retorno, fiz algumas pesquisas referente o assunto mencionado acima e consegui de uma outra forma realizar o que desejava.

 

Usando o AJAX fiz com que o BUTTON fica desabilitado após o comando de INSERT na Base de Dados.

 

Ficou assim o código:

<script type="text/javascript">
  //Pega o Nome do Formulário
  var frmAjust = document.getElementById("frmAjust");
  //Pega o ID do Button
  var btn_adic = document.getElementById("btn_adic");

  frmAjust.addEventListener("submit", function (event) {
    if (frmAjust.checkValidity()) {
      var formData = new FormData(frmAjust);
      var httpRequest = new XMLHttpRequest();
      
      httpRequest.open(frmAjust.method, frmAjust.action, false);
      httpRequest.addEventListener("readystatechange", function(event) {
        if (httpRequest.readyState == 4) {
          if (httpRequest.status == 200) {
            alert("Envio do Formulario realizado com sucesso");
          } else {
            alert("Ocorreu um erro ao enviar o Formulario");
            btn_adic.disabled = false; //habilita o button
          }
        }
      });      
      btn_adic.disabled = true;
      httpRequest.btn_adic(formData);    
    }    
    //impedir o envio sincrono do form
    return false;
  }); 
  
</script>

 

Grato,

 

Cesar