From d6d7dbfb3f1eaea2ab4f9ac870155d14a38b6053 Mon Sep 17 00:00:00 2001
From: Claire Vandamme <xclaire59@hotmail.fr>
Date: Sat, 3 Jun 2017 15:06:13 +0200
Subject: [PATCH] transmission des messages de l'application web à la raspberry via web socket

---
 pageHTML/couleur.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+), 0 deletions(-)
diff --git a/pageHTML/couleur.html b/pageHTML/couleur.html
index 1502d06..4f540f6 100644
--- a/pageHTML/couleur.html
+++ b/pageHTML/couleur.html
@@ -3,6 +3,30 @@
 <head>
     <meta charset="UTF-8">
     <title>Changement de couleur</title>
+
+<script src="jquery.js"></script>
+    <script type= "text/javascript">
+      window.Websocket = (window.Websocket || window.MozWebSocket);
+      var websocket = new WebSocket('ws://192.168.43.222:9000, 'myprotocol');};
+      websocket.onerror=function(){ $('h1').css('color','red');};
+      websocket.onopen=function(){ $('h1').css('color','green');};
+      
+      
+      webscket.onmessage=function(message){
+      console.log(message.data);
+      $('#messages').append($('<p>',{ text: message.data}));
+	};
+
+	function couleur(){
+	var rouge=$('#slider').value();
+	var vert=$('#slider1').value();
+	var bleu=$('#slider2').value();
+	websocket.send(rouge);
+	websocket.send(vert);
+	websocket.send(bleu);
+	}
+    </script>
+    
 </head>
 <body>
 <h1>Changement de couleur de votre veilleuse connectée</h1>
--
libgit2 0.21.2

