--- miscJava/Test3/WebContent/WebsockTest.html	2014/02/11 08:33:52	2107
+++ miscJava/Test3/src/main/webapp/WebsockTest.html	2015/03/20 08:12:57	2446
@@ -5,9 +5,36 @@
 
 <script type="text/javascript">
 
+var actTime = 0;
+var socket = null;
+
+function setActTime() {
+	actTime = new Date().getTime();
+}
+
 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();
+		txt = $.trim(txt);
+		//append(txt);
+		if (txt == "")
+			return;
+		
+		socket.send( "CHAT#" + txt);
+		
+		$("#txt").val("");
+		setActTime();
+		
+	} catch(exception) {
+		append(exception);
+	}
 }
 
 $( function() {
@@ -18,52 +45,64 @@
 		var url = "ws://" + document.location.host + "/Test3/wstest";
 		append("Opening connection to " + url)
 		
-		var socket = new WebSocket(url);
+		socket = new WebSocket(url);
 		
 		socket.onopen = function() {
 		    append("Socket has been opened!");
+		    setActTime();
 		}
 		
 		socket.onmessage = function(msg){
 		    append(msg.data); //Awesome!
+		    setActTime();
+		}
+	
+		socket.onerror = function(evt) {
+			append("*** Error om client websocket ***");
 		}
 	
 		socket.onclose = function(){
-        	append('Connection closed');
+			var now = new Date().getTime();
+			var elapsed = now - actTime;
+			elapsed = elapsed / 1000;
+			
+        	append('Connection closed after ' + elapsed + ' seconds of inactivity');
     	} 
 	} catch(exception){
         append(exception);
 	}
 	
 	$("#btn").click( function() {
+		sendMessage();
+	});
+	
+	$("#btnNick").click( function() {
+		var nick = $("#nick").val();
+		nick = $.trim(nick);
+		
+		if (nick == "") {
+			alert("Nick can not be empty");
+			return;
+		}
+		
 		try {
-			var txt = $("#txt").val();
-			append(txt);
-			
-			socket.send(txt);
-			
-			$("#txt").val("");
-			
+			socket.send( "NICK#" + nick);			
 		} catch(exception) {
 			append(exception);
 		}
+		
 	});
 	
 	$(document).keypress(function(e) {
 		if(e.which == 13) {
-			try {
-				var txt = $("#txt").val();
-				append(txt);
-				
-				socket.send(txt);
-				$("#txt").val("");
-				
-			} catch(exception) {
-				append(exception);
-			}
+			sendMessage();
 		}
 	});
 	
+	$(window).unload(function(){
+		socket.close();
+	});
+	
 });
 
 
@@ -77,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>
\ No newline at end of file
+</html>