gallois/Clavardage
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Transférer les fichiers vers 'Application/WebContent'

Browse source
This commit is contained in:
Leonie Gallois 2021-02-13 22:10:31 +01:00
parent 110a0fe3bf
commit 95b95a7ee2
1 changed files with 64 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

110
Application/WebContent/WebSocketClient.html
View file

@ -1,47 +1,65 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tomcat WebSocket</title>
</head>
<body>
<form>
<input id="message" type="text">
<input onclick="wsSendMessage();" value="Echo" type="button">
<input onclick="wsCloseConnection();" value="Disconnect" type="button">
</form>
<br>
<textarea id="echoText" rows="5" cols="30"></textarea>
<script type="text/javascript">
var webSocket = new WebSocket("ws://localhost:8080/WebSocketServer/websocketendpoint");
var echoText = document.getElementById("echoText");
echoText.value = "";
var message = document.getElementById("message");
webSocket.onopen = function(message){ wsOpen(message);};
webSocket.onmessage = function(message){ wsGetMessage(message);};
webSocket.onclose = function(message){ wsClose(message);};
webSocket.onerror = function(message){ wsError(message);};
function wsOpen(message){
echoText.value += "Connected ... \n";
}
function wsSendMessage(){
webSocket.send(message.value);
echoText.value += "Message sended to the server : " + message.value + "\n";
message.value = "";
}
function wsCloseConnection(){
webSocket.close();
}
function wsGetMessage(message){
echoText.value += "Message received from to the server : " + message.data + "\n";
}
function wsClose(message){
echoText.value += "Disconnect ... \n";
}
function wsError(message){
echoText.value += "Error ... \n";
}
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tomcat WebSocket</title>
</head>
<body>
<form>
<input id="pseudo" type="text">
<input id="message_id" type="text">
<input id="message" type="text">
<input onclick="wsSetPseudo(pseudo);" value="Set_Pseudo" type="button">
<input onclick="wsSendMessage();" value="Send" type="button">
<input onclick="wsCloseConnection();" value="Disconnect" type="button">
<input onclick="wsSendId(message_id);" value="Choose_addressee" type="button">
</form>
<br>
<textarea id="echoText" rows="5" cols="30"></textarea>
<script type="text/javascript">
var webSocket = new WebSocket("ws://localhost:8082/WebSocketServer/websocketendpoint");
var echoText = document.getElementById("echoText");
echoText.value = "";
var message = document.getElementById("message");
var message_id = document.getElementById("message_id");
var pseudo= document.getElementById("pseudo");
webSocket.onopen = function(message){ wsOpen(message);};
webSocket.onmessage = function(message){ wsGetMessage(message);};
webSocket.onclose = function(message){ wsClose(message);};
webSocket.onerror = function(message){ wsError(message);};
function wsSetPseudo(pseudo){
echoText.value += "Changing Pseudo... \n";
websocket.send("P "+pseudo);
pseudo.value="";
}
function wsSendId(message_id){
echoText.value += "Sending addressee Id... \n";
webSocket.send(message_id.value);
message_id.value="";
}
function wsOpen(message){
echoText.value += "Connected ... \n";
websocket.send ("I "+getRandomInt(10000));
}
function wsSendMessage(){
webSocket.send(message.value);
echoText.value += "Message sended to the server : " + message.value + "\n";
message.value = "";
}
function wsCloseConnection(){
webSocket.close();
}
function wsGetMessage(message){
echoText.value += "Message received from to the server : " + message.data + "\n";
}
function wsClose(message){
echoText.value += "Disconnect ... \n";
}
function wsError(message){
echoText.value += "Error ... \n";
}
</script>
</body>
</html>