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