Notifications sur mon site

Version imprimable

25/04/2019, 14h26
BlackWeria

Notifications sur mon site

Bonjour étant débutant en html css js, je souhaite mettre en place un système de notification entre 2 sites distants

Ex :
- sur une page de mon premier site j'appuie sur un bouton qui va lancer la notification
- sur une page de mon deuxieme site une notification s'affiche comme quoi j'ai appuyé sur un bouton sur mon premier site.

Comment est-il possible de réaliser ceci? j'ai pensé aux push notifications services workers mais je bloque lors qu'il faut ajouter un abonnement a mon propre serveur ...

Merci par avance

Bonsoir,

Il y a plusieurs solutions. Faire passer les données dans l'URL, en utilisant la méthode GET en est un exemple.

Site1.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <form method="GET" action="site2.html">
      <p>Login : <input type="text" name="login"></p>
      <p>Mot de passe : <input type="text" name="password"></p>
      <p><input type="submit" value="Envoi des données"></p>
    </form>
  </body>
</html>

Site2.html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <script>
      function receptionner() {
        var parametres = location.search.substring(1).split("&");
        var login = parametres[0].split("=");
        var pass = parametres[1].split("=");
        document.getElementById("log").innerHTML = login[1];
        document.getElementById("pass").innerHTML = pass[1];
      }
    </script>
  </head>
  <body onload="receptionner();">
    <h3>Réception des données :</h3>
    <p>Login : <span id="log" ></span></p>
    <p>Mot de passe : <span id="pass"></span></p>
  </body>
</html>

26/04/2019, 09h15
BlackWeria

Merci pour ta réponse cependant c'est pas tout à fait ce que je cherche, le fait de rentrer les données nous amene vers l'autre site et ceci sans systeme de notification. Il faut juste que l'user présent sur le site 2 soit notifié du click sur le bouton éffectué sur le site 1. Cdlt
26/04/2019, 09h38
Sodium

Tu peux mettre en place un websocket avec nodejs et connecter les deux pages à celui-ci, je l'ai fait il y a peu c'est relativement simple à faire.
26/04/2019, 11h26
BlackWeria

Merci pour ta réponse as-tu un tutoriel qui explique cela ? merci
26/04/2019, 11h35
Sodium

Tu peux regarder ici : https://flaviocopes.com/node-websockets/