Javascript como fazer com que a último dado lido apareça no topo da página?

[Ana Júlia Silva]

como faço com que a último dado lido apareça no topo da página, como acontece com o gmail? Cada mensagem nova que chega fica, por padrão, no topo da página. É por ordem de chegada. Como faço isso com o JavaScript?

[DiF]

@Ana Júlia Silva Olá, seja bem vinda em nosso Clube do Hardware.

 

Creio que não seja somente por javascript. basicamente você precisa que as mensagens novas(não lidas) tenham um status e quando leem mudam este status.

 

E você vai controlar isso pelo banco de dados.

 

Vamos a  um exemplo hipotético:

Imagine uma tabela com o seguinte cenário:

ID subject              mensagem                            from             data       lido
1  Teste de mensagem    Olá.  Esta é uma mensagem de teste. [email protected] 2018-09-19  0 

 

Temos aqui uma tabela onde há o subject, a mensagem, de quem enviou, a data e o status dele. 

O status zero significa que é novo, não foi lido.   O uso do zero e um no banco de dados, será pelo tipo de campo Tinyint. Seria o mesmo que valores booleanos de true ou false.

 

Este é primeiro passo.  

O segundo é: alterar o status depois que abrir a mensagem. No caso, você faria um update (tabela) set lido = 1 where ID = 1

Este é o básico.

 

Agora como mover? 

Você pode usar o javascript para fazer requisições assíncronas, de forma que altere esse status.

Ainda neste código, você pode fazer com que a mensagem exibida no topo suma, e seja inserida em outro lugar da página.

Vai ser muito mais fácil se poder utilizar o jQuery.

 

PS: Você pode limitar a consulta puxando somente os últimos novos e  uma outra consulta retornando os outros.

Sim, você pode fazer duas consultas diferentes da mesma tabela no mesmo arquivo php

 

O que eu faço sempre no meus projetos, é um esboço de como será o resultado final, definindo valores fixos. Depois que eu visualizo como vai ficar, eu troco pelos valores do banco de dados.

 

Por enquanto é só o que eu posso falar.