Discussion :

[MehrezLabidi]

Bonjour,

Je suis en train de développer une discussion instantanée proche de celle de Facebook.
Lorsque je clique dans l'input texte, mon ami reçoit ce "Vu". Coté serveur, il y a un booléen qui a changé d’état mais coté client d'où l'information vient-elle ?

Quel outil JavaScript est utilisé ?

Merci et bonne journée à tous.

[NoSmoking]

Bonjour,
rien compris mais alors VRAIMENT rien compris

[MehrezLabidi]

Je reformule alors,
je suppose que je suis en discussion instantané avec mon ami sur facebook, il m'a envoyé un message . Lorsque je clique dans l'input texte , il voit "Vu"et il est informé que j'ai lu sont dernier message a telle heure .
Que se passe t-il en réalité ?
Si je veux implémenter ça , je dois utiliser jquery ou quoi ?

[NoSmoking]

je dois utiliser jquery ou quoi ?

jquery n'est que du javascript, mais quoi qu'il arrive il va te falloir également un langage coté serveur avec BdD.

Fait une recherche avec comme mot clé par exemple réalisation d'un tchat.

[MehrezLabidi]

oui oui le principe de tchat etant trés clair , mais moi je cherche a comprendre comment fonctionne " vu " . J'ai aucun exemple qui l'utilise autre que Facebook.
Ce n'est plus une question de bdd et de serveur

[SylvainPV]

Il faut bien du JavaScript pour recevoir le message et montrer la fenêtre de chat à l'utilisateur. Du coup ce même JavaScript peut se charger de notifier le serveur que le message est "vu".
Si on veut être plus précis, on peut vérifier que l'utilisateur a bien Facebook comme fenêtre active avec la Page Visibility API : https://developer.mozilla.org/en-US/...Visibility_API

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function onMessageReceived(){   
  if(!document.hidden){
    envoyerVu();
  } else {
    document.addEventListener("visibilityChange", function(e){     
      if(!document.hidden){ envoyerVu(); }    
      e.target.removeEventListener(e.type, arguments.callee); // retire le listener pour n'envoyer le vu qu'une seule fois
    })
  }
}