Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | <!DOCTYPE html> |
| 2 | <html lang="pt-br"> |
||
| 3 | <head> |
||
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> |
||
| 5 | <title>WebSocket</title> |
||
| 6 | </head> |
||
| 7 | |||
| 8 | <body> |
||
| 9 | <form> |
||
| 10 | <input id="textMessage" type="text"> |
||
| 11 | <input onclick="sendMessage()" value="Enviar Mensagem" type="button"> |
||
| 12 | </form> |
||
| 13 | <br><textarea id="messagesTextArea" rows="10" cols="50"></textarea> |
||
| 14 | |||
| 15 | <script type="text/javascript"> |
||
| 16 | var websocket = new WebSocket("ws://192.168.1.100:8080/impressora-server/serverendpointdemo/sala"); |
||
| 17 | var messagesTextArea = document.getElementById("messagesTextArea"); |
||
| 18 | websocket.onopen = function(message) {processOpen(message);}; |
||
| 19 | //websocket.onmessage = function(message) {processMessage(message);}; |
||
| 20 | websocket.onmessage = processMessage; |
||
| 21 | websocket.onclose = function(message) {processClose(message);}; |
||
| 22 | websocket.onError = function(message) {processError(message);}; |
||
| 23 | |||
| 24 | function processOpen(message) { |
||
| 25 | messagesTextArea.value += "Servidor Conectado... " + "\n"; |
||
| 26 | } |
||
| 27 | |||
| 28 | function processMessage(message) { |
||
| 29 | messagesTextArea.value += "Recebida do servidor ==> " + message.data + "\n"; |
||
| 30 | } |
||
| 31 | |||
| 32 | function sendMessage() { |
||
| 33 | if(textMessage.value != "close") { |
||
| 34 | websocket.send(textMessage.value); |
||
| 35 | messagesTextArea.value += "Enviar ao servidor ==> " + textMessage.value + "\n"; |
||
| 36 | textMessage.value = ""; |
||
| 37 | } else { |
||
| 38 | websocket.close(); |
||
| 39 | } |
||
| 40 | } |
||
| 41 | |||
| 42 | function processClose(message) { |
||
| 43 | websocket.send("Cliente desconectado..."); |
||
| 44 | messagesTextArea.value += "Servidor desconectado... " + "\n"; |
||
| 45 | } |
||
| 46 | |||
| 47 | function processError(message) { |
||
| 48 | messagesTextArea.value += "Erro... " + "\n"; |
||
| 49 | } |
||
| 50 | </script> |
||
| 51 | </body> |
||
| 52 | </html> |