|
@@ -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>
|