options.html
2.69 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
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/>