--- miscJava/Test3/WebContent/WebsockTest.html	2014/02/11 09:50:30	2110
+++ miscJava/Test3/src/main/webapp/WebsockTest.html	2015/03/20 08:12:57	2446
@@ -13,16 +13,21 @@
 }
 
 function append(str) {
+	var d = new Date();
+	var dateStr = "[" + d.toLocaleTimeString() + "] ";
 	var log = $("#log");
-	log.val( log.val() + str + "\n")
+	log.val( log.val() + dateStr + str + "\n")
 }
 
 function sendMessage() {
 	try {
 		var txt = $("#txt").val();
-		append(txt);
+		txt = $.trim(txt);
+		//append(txt);
+		if (txt == "")
+			return;
 		
-		socket.send(txt);
+		socket.send( "CHAT#" + txt);
 		
 		$("#txt").val("");
 		setActTime();
@@ -52,6 +57,10 @@
 		    setActTime();
 		}
 	
+		socket.onerror = function(evt) {
+			append("*** Error om client websocket ***");
+		}
+	
 		socket.onclose = function(){
 			var now = new Date().getTime();
 			var elapsed = now - actTime;
@@ -67,12 +76,33 @@
 		sendMessage();
 	});
 	
+	$("#btnNick").click( function() {
+		var nick = $("#nick").val();
+		nick = $.trim(nick);
+		
+		if (nick == "") {
+			alert("Nick can not be empty");
+			return;
+		}
+		
+		try {
+			socket.send( "NICK#" + nick);			
+		} catch(exception) {
+			append(exception);
+		}
+		
+	});
+	
 	$(document).keypress(function(e) {
 		if(e.which == 13) {
 			sendMessage();
 		}
 	});
 	
+	$(window).unload(function(){
+		socket.close();
+	});
+	
 });
 
 
@@ -86,8 +116,15 @@
 <textarea rows="30" cols="160" id="log" readonly></textarea>
 <br>
 <input size=120  type="text" name="txt" id="txt">
-<button id="btn">Submit</button>
+<button id="btn">Submit</button><br><br>
+
+<input size=20  type="text" name="nick" id="nick">
+<button id="btnNick">Set Nick</button><br><br>
 
+<br><br>
+<font size="2">
+If using websockets with haproxy look into <code>timeout tunnel</code> option.
+</font>
 
 </body>
 </html>