document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title></title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.         <script type="text/javascript">
  7.             //notar el protocolo.. es \'ws\' y no \'http\'
  8.             var wsUri = "ws://localhost:8080/WebSocketsDemoWeb/holaTodos";
  9.             var websocket = new WebSocket(wsUri); //creamos el socket
  10.             websocket.onopen = function(evt) { //manejamos los eventos...
  11.                 log("Conectado..."); //... y aparecerá en la pantalla
  12.             };
  13.             websocket.onmessage = function(evt) { // cuando se recibe un mensaje
  14.                 log("Mensaje recibido:" + evt.data);
  15.             };
  16.             websocket.onerror = function(evt) {
  17.                 log("oho!.. error:" + evt.data);
  18.             };
  19.  
  20.  
  21.             function enviarMensaje() {
  22.                 websocket.send(mensajeTXT.value);
  23.                 log("Enviando:" + mensajeTXT.value);
  24.             }
  25.             function log(mensaje) { //aqui mostrará el LOG de lo que está haciendo el WebSocket
  26.                 var logDiv = document.getElementById("log");
  27.                 logDiv.innerHTML += (mensaje + \'<br/>\');
  28.             }
  29.  
  30.         </script>
  31.     </head>
  32.     <body>
  33.         <h1>WebSocket</h1>
  34.         <form >
  35.             <label for="mensajeTXT">Mensaje:</label>
  36.             <input id=\'mensajeTXT\' name=\'mensajeTXT\'/><br/>
  37.             <button type="button" onclick="enviarMensaje()">Enviar</button>
  38.         </form>
  39.         <div id="log">
  40.  
  41.         </div>
  42.     </body>
  43. </html>
');