Como faço para aparecer uma notificação ao chegar um novo usuário?

[gabriel_w 0]

Olá pessoal, iniciei recentemente minha carreira na área de Back-End e estou com uma pequena dificuldade. Criei um painel onde ele faz uma busca em uma tabela chamada "pedidos", onde no código fonte coloquei todos os campos puxados da tabela dentro de um while e usei um comando HTML para recarregar a página a cada 3 segundos para que sempre que algum usuário novo seja adicionado apareça no painel. Agora preciso que o painel dê alguma notificação ou até mesmo execute algum áudio ao aparecer algum usuário novo. Por favor, me ajudem !

[marsolim 110]

de que jeito ta recarregando a pagina? se for com a metatag refresh aconselho a trocar por uma requisição ajax que nesse caso não fica recarregando a pagina mas sim fazendo uma requisição através do timerInterval do js e nele mesmo tu pode botar um comando pra tornar uma div oculta, com a mensagem, visivel quando tiver coisa nova

[gabriel_w 0]

Sim, é com refresh...Vou mudar isso. Agora o notificação? Como posso fazer?

 

[marsolim 110]

eu já fiz isso usando uma pagina php que pesquisa o a tabela e printa alguma coisa como por exemplo a id maxima do registro e na outra pagina um timerInterval que monitora de 30 em 30 segundos e aí quando mudar essa id maxima exibe a div tipo

 

procurar.php onde tá a pesquisa

$qry = "SELECT MAX id AS max_id FROM nome_tabela";
...
echo $row['max_id']; //só printa isso na página

 

pagina que monitora supondo que tem um div oculta de id="qtd" só pra pegar essa id maxima e outra de id="notif" também oculta com a notificação ja escrita tipo "há novos registros"

<script...>//carregue o script do jQuery

    var antigo = $("#qtd").text(); //pega o texto da div
    $("#qtd").load("procurar.php"); //muda o texto da div para o da pesquisa
    var atual = $("#qtd").text();

    if(atual != antigo){
        $("#notif").text("há novos registros");//caso queria mudar a mensagem de acordo alguma coisa
        $("#notif").css("display",  "inline-block");//exibe a notificação. de inicio deixa ela com display: none
    }

</script>