segunda-feira, 26 de novembro de 2018

Mensagem que “desaparece” automaticamente com PHP e Javascript


Hoje veremos como fazer uma mensagem “desaparecer” automaticamente com Javascript e PHP; isso é muito útil quando queremos evitar que o(s) usuário(s) precise(m) recarregar uma página após algum evento, como uma resposta a uma consulta ao banco de dados. E isso na verdade é bem simples; bastam apenas dois comandos javascript.

O primeiro comando é uma função que recarrega a página (“window location”); vamos posicioná-la na seção “head” de uma página HTML:


<script>
function recarrega()
{
   window.location = "teste.php";
}
</script>

OBS: Após o comando  “window.location” insira o nome da página que estiver editando – ou seja, a página que deverá ser recarregada.
O passo seguinte é inserir um outro comando após a exibição das mensagens de sucesso ou fracasso da consulta ao banco de dados:

echo "
<script>
window.setTimeout('recarrega()', 2000);
</script>
";


Salve e teste no navegador; as mensagens já deverão “sumir sozinhas” após 2 segundos de exibição. Quaisquer dúvidas sobre esta última função, pesquise por “setTimeout” em Javascript. Até a próxima!