Few modifications to the example. Fixed some errors in 'chat.html', added ability to launch ChatServer on a desired port.

TooTallNate · TooTallNate · commit 810bd4074b65 · 2010-01-29T15:28:27.000-08:00
diff --git a/example/ChatServer.java b/example/ChatServer.java
@@ -5,7 +5,11 @@
  * A simple WebSocketServer implementation. Keeps track of a "chatroom".
  */
 public class ChatServer extends WebSocketServer {
-    
+
+    public ChatServer(int port) {
+        super(port);
+    }
+
     public void onClientOpen(WebSocket conn) {
         try {
             this.sendToAll(conn + " entered the room!");
@@ -34,7 +38,11 @@ public void onClientMessage(WebSocket conn, String message) {
     }
 
     public static void main(String[] args) {
-        ChatServer s = new ChatServer();
+        int port = 80;
+        try {
+            port = Integer.parseInt(args[0]);
+        } catch(Exception ex) {}
+        ChatServer s = new ChatServer(port);
         s.start();
         System.out.println("ChatServer started on port: " + s.getPort());
     }
diff --git a/example/chat.html b/example/chat.html
@@ -23,43 +23,38 @@
 
             var ws;
 
-            function connect() {
+            $("uriForm").observe("submit", function(e) {
+                e.stop();
                 ws = new WebSocket($F("uri"));
                 ws.onopen = function() {
-                    log("[WebSocket#onopen] called.\n");
-                    $("uriForm").enable();
+                    log("[WebSocket#onopen]\n");
                 }
                 ws.onmessage = function(e) {
-                    log("[WebSocket#onmessage] called.\n\tMessage: " + e.data + "\n");
+                    log("[WebSocket#onmessage] Message: '" + e.data + "'\n");
                 }
                 ws.onclose = function() {
-                    log("[WebSocket#onclose] called.\n");
-                    $("uriForm").disable();
+                    log("[WebSocket#onclose]\n");
+                    $("uri", "connect").invoke("enable");
+                    $("disconnect").disable();
                     ws = null;
                 }
-            }
+                $("uri", "connect").invoke("disable");
+                $("disconnect").enable();
+            });
 
-            function send() {
+            $("sendForm").observe("submit", function(e) {
+                e.stop();
                 if (ws) {
                     var textField = $("textField");
                     ws.send(textField.value);
-                    log("[WebSocket#send] called.\n\tSent string: " + textField.value + "\n");
+                    log("[WebSocket#send]      Send:    '" + textField.value + "'\n");
                     textField.value = "";
                     textField.focus();
                 }
-            }
-
-            $("uriForm").observe("submit", function(e) {
-                e.stop();
-                connect();
             });
 
-            $("sendForm").observe("submit", function(e) {
+            $("disconnect").observe("click", function(e) {
                 e.stop();
-                send();
-            });
-
-            $("disconnect").observe("click", function() {
                 if (ws) {
                     ws.close();
                 }
@@ -68,8 +63,8 @@
     </script>
   </head>
   <body>
-      <form id="uriForm"><input type="text" id="uri" value="ws://localhost" style="width:200px;"> <input type="submit" value="Connect"><input type="button" id="disconnect" value="Disconnect"></form><br>
+      <form id="uriForm"><input type="text" id="uri" value="ws://localhost" style="width:200px;"> <input type="submit" id="connect" value="Connect"><input type="button" id="disconnect" value="Disconnect" disabled="disabled"></form><br>
       <form id="sendForm"><input type="text" id="textField" value="" style="width:200px;"> <input type="submit" value="Send"></form><br>
-      <textarea id="log" rows="50" cols="100"></textarea><br>
+      <form><textarea id="log" rows="30" cols="100" style="font-family:monospace; color:red;"></textarea></form><br>
   </body>
 </html>
