gildas
/
ms


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546
							<html>
  <head>
  </head>
  <body>
      <div>
          <h2>Websocket</h2>
          <p>Progress: <span id="websocket"></span></p>
          <button onclick="websocket()">Listen</button>
      </div>

      <div>
          <h2>Server Sent Event</h2>
          <p>Progress: <span id="sse"></span></p>
          <button onclick="sse()">Listen</button>
      </div>

      <script>
       function websocket() {
         var socket = new WebSocket({{ .websocket }}, "protocolOne");
         socket.onmessage = function (event) {
           if (event.data === "100") {
             document.getElementById("websocket").innerHTML = "done!";
             socket.close();
             return;
           }
           document.getElementById("websocket").innerHTML=event.data+"%";
         };
       }

       function sse() {
         document.getElementById("sse").innerHTML = "done!";
         var source = new EventSource({{ .sse }});
         source.onmessage = function(event) {
           console.log("truc");
           if (event.data === "100") {
             document.getElementById("sse").innerHTML = "done!";
             source.close();
             return;
           }
           document.getElementById("sse").innerHTML=event.data+"%";
         };
       }
      </script>
  </body>
</html>