Blame view

pageHTML/Menu.html 1.49 KB
d2bf4d00   Justine Senellart   partie applicatio...
1
  <!DOCTYPE html>
9d49ca3a   jsenella   essais
2
3
  <html>
    <head>
d2bf4d00   Justine Senellart   partie applicatio...
4
      <meta charset="UTF-8">
9d49ca3a   jsenella   essais
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
      <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 sendMessage(){
  	websocket.send($('#message').val());
  	$('message').val('');
  	}
      </script>
      
d2bf4d00   Justine Senellart   partie applicatio...
23
24
      <link rel="stylesheet" href="Menu.css" />
      <title>Menu Veilleuse connectée</title>
9d49ca3a   jsenella   essais
25
26
27
28
29
30
31
32
33
34
35
36
37
38
    </head>
    
    <body>
      <h1 class = "introduction">Bienvenue sur le menu de votre veilleuse connectée</h1>
      
      <ul class = "choix">
        <li><h2><a href="intensite.html">Changement de l'intensité</a></h2></li>
        <li><h2><a href = "couleur.html">Changement de la couleur</a></h2></li>
        <li><h2><a href = "mode.html">Sélection du mode</a></h2></li>
      </ul>
      <h4 classe = "etat">Etat de la veilleuse</h4>
      <div class="onoffswitch">
        <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
        <label class="onoffswitch-label" for="myonoffswitch">
d2bf4d00   Justine Senellart   partie applicatio...
39
40
          <span class="onoffswitch-inner"></span>
          <span class="onoffswitch-switch"></span>
9d49ca3a   jsenella   essais
41
42
43
        </label>
      </div>
    </body>
d2bf4d00   Justine Senellart   partie applicatio...
44
  </html>