Browse Source

Transférer les fichiers vers 'Application/WebContent'

Leonie Gallois 3 years ago
parent
commit
95b95a7ee2
1 changed files with 64 additions and 46 deletions
  1. 64
    46
      Application/WebContent/WebSocketClient.html

+ 64
- 46
Application/WebContent/WebSocketClient.html View File

@@ -1,47 +1,65 @@
1
-<!DOCTYPE html>
2
-<html>
3
-<head>
4
-<meta charset="UTF-8">
5
-<title>Tomcat WebSocket</title>
6
-</head>
7
-<body>
8
-    <form>
9
-        <input id="message" type="text">
10
-        <input onclick="wsSendMessage();" value="Echo" type="button">
11
-        <input onclick="wsCloseConnection();" value="Disconnect" type="button">
12
-    </form>
13
-    <br>
14
-    <textarea id="echoText" rows="5" cols="30"></textarea>
15
-    <script type="text/javascript">
16
-        var webSocket = new WebSocket("ws://localhost:8080/WebSocketServer/websocketendpoint");
17
-        var echoText = document.getElementById("echoText");
18
-        echoText.value = "";
19
-        var message = document.getElementById("message");
20
-        webSocket.onopen = function(message){ wsOpen(message);};
21
-        webSocket.onmessage = function(message){ wsGetMessage(message);};
22
-        webSocket.onclose = function(message){ wsClose(message);};
23
-        webSocket.onerror = function(message){ wsError(message);};
24
-        function wsOpen(message){
25
-            echoText.value += "Connected ... \n";
26
-        }
27
-        function wsSendMessage(){
28
-            webSocket.send(message.value);
29
-            echoText.value += "Message sended to the server : " + message.value + "\n";
30
-            message.value = "";
31
-        }
32
-        function wsCloseConnection(){
33
-            webSocket.close();
34
-        }
35
-        function wsGetMessage(message){
36
-            echoText.value += "Message received from to the server : " + message.data + "\n";
37
-        }
38
-        function wsClose(message){
39
-            echoText.value += "Disconnect ... \n";
40
-        }
41
- 
42
-        function wsError(message){
43
-            echoText.value += "Error ... \n";
44
-        }
45
-    </script>
46
-</body>
1
+<!DOCTYPE html>
2
+<html>
3
+<head>
4
+<meta charset="UTF-8">
5
+<title>Tomcat WebSocket</title>
6
+</head>
7
+<body>
8
+    <form>
9
+    	<input id="pseudo" type="text">
10
+    	<input id="message_id" type="text">
11
+        <input id="message" type="text">
12
+        <input onclick="wsSetPseudo(pseudo);" value="Set_Pseudo" type="button">
13
+        <input onclick="wsSendMessage();" value="Send" type="button">
14
+        <input onclick="wsCloseConnection();" value="Disconnect" type="button">
15
+        <input onclick="wsSendId(message_id);" value="Choose_addressee" type="button">
16
+    </form>
17
+    <br>
18
+    <textarea id="echoText" rows="5" cols="30"></textarea>
19
+    <script type="text/javascript">
20
+        var webSocket = new WebSocket("ws://localhost:8082/WebSocketServer/websocketendpoint");
21
+        var echoText = document.getElementById("echoText");
22
+        echoText.value = "";
23
+        var message = document.getElementById("message");
24
+        var message_id = document.getElementById("message_id");
25
+        var pseudo= document.getElementById("pseudo");
26
+        webSocket.onopen = function(message){ wsOpen(message);};
27
+        webSocket.onmessage = function(message){ wsGetMessage(message);};
28
+        webSocket.onclose = function(message){ wsClose(message);};
29
+        webSocket.onerror = function(message){ wsError(message);};
30
+        function wsSetPseudo(pseudo){
31
+        	echoText.value += "Changing Pseudo... \n";
32
+        	websocket.send("P "+pseudo);
33
+        	pseudo.value="";
34
+        }
35
+        function wsSendId(message_id){
36
+        	echoText.value += "Sending addressee Id... \n";
37
+        	webSocket.send(message_id.value);
38
+        	message_id.value="";
39
+        }
40
+        function wsOpen(message){
41
+            echoText.value += "Connected ... \n";
42
+            websocket.send ("I "+getRandomInt(10000));
43
+        }
44
+        
45
+        function wsSendMessage(){
46
+            webSocket.send(message.value);
47
+            echoText.value += "Message sended to the server : " + message.value + "\n";
48
+            message.value = "";
49
+        }
50
+        function wsCloseConnection(){
51
+            webSocket.close();
52
+        }
53
+        function wsGetMessage(message){
54
+            echoText.value += "Message received from to the server : " + message.data + "\n";
55
+        }
56
+        function wsClose(message){
57
+            echoText.value += "Disconnect ... \n";
58
+        }
59
+ 
60
+        function wsError(message){
61
+            echoText.value += "Error ... \n";
62
+        }
63
+    </script>
64
+</body>
47 65
 </html>

Loading…
Cancel
Save