Interface web finale, non optimisée

1 parent d0ae1b38
Showing 1 changed file with 113 additions and 0 deletions Show diff stats
options.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<HTML>
+  <HEADER>
+    <!-- pour associer la feuille de style -->
+    <link rel="stylesheet" type="text/css" href="style.css">
+    <title>PROJET SC</title>
+    </HEADER>
+
+    <HEAD>
+    <SCRIPT src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></SCRIPT>
+
+    <SCRIPT LANGUAGE="JavaScript">
+    function save(){
+      var ville;
+      ville=document.forms["formulaire"].elements["choix"].value
+      var ind;
+
+      for(var i=0; i < lieux.length ; i++){
+        if( lieux[i][0]==ville){
+          ind=i;
+          }
+        }
+
+      var lat = lieux[ind][1];
+      var long = lieux[ind][2];
+      var sign = lieux[ind][3];
+      var decal = lieux[ind][4];
+
+      return([lat,long,sign,decal])
+      //document.write("Ville:\t" + ville);
+      //document.write("Latitude:\t"+lat);
+      //document.write("Longitude:\t"+long);
+      //document.write("Signe:\t"+sign);
+      //document.write("Decalage:\t"+decal);
+    }
+
+    </SCRIPT>
+
+    <script type="text/javascript">
+     $(function() {
+       window.WebSocket = window.WebSocket || window.MozWebSocket;
+       var websocket = new WebSocket(
+           'ws://127.0.0.1:9000', 'dumb-increment-protocol');
+
+       websocket.onmessage = function (message) {
+         console.log(message.data);
+         $('div').append($('<p>', { text: message.data }));
+       };
+       $('input').click(function(e) {
+         e.preventDefault();
+         websocket.send(save());
+       });
+     });
+    </script>
+
+    </HEAD>
+
+    <BODY>
+    <!-- choix des onglets -->
+    <div id="menu">
+    <ul id="onglets">
+      <li><a href="index.html"> PROJET </a></li>
+      <li class="active"><a href="options.html"> OPTIONS </a></li>
+    </ul>
+
+    </div>
+
+    <!-- contenu de la page -->
+    </br></br></br>
+
+    <div class="titre">CHOIX DES OPTIONS</div>
+
+    <div class="contenu">
+
+    <FORM name="formulaire">
+      Lieu :
+      <select name="lieu" id="choix" >
+
+	    <option SELECTED>-- Selectionnez un lieu --</option>
+
+      </select>
+
+      <SCRIPT LANGUAGE="JavaScript">
+      var bruxelles=new Array("Bruxelles",50.850,4.350,0,0);
+      var pekin=new Array("Pekin",39.917,116.433,0,6);
+      var split=new Array("Split",43.517,16.467,0,0);
+      var lille=new Array("Lille", 50.633, 3.066, 0, 0);
+
+      var lieux=new Array(bruxelles,pekin,split,lille);
+
+      var d=document.formulaire.lieu;
+      for(var i=0; i < lieux.length ; i++)
+      {
+      	d.length++;
+        d.options[d.length-1].text = lieux[i][0];
+      }
+
+
+      </SCRIPT>
+
+      <input type="button" onClick="save()" value="OK">
+      </br></br>
+    </FORM>
+
+    </div>
+
+
+</BODY>
+
+<FOOTER>
+</FOOTER>
+
+<html/>