Test3/WebContent/WebsockTest.html

<html>
<head>
<title>Test3 :: Websocket Test</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script type="text/javascript">

var actTime = 0;
var socket = null;

function setActTime() {
        actTime = new Date().getTime();
}

function append(str) {
        var log = $("#log");
        log.val( log.val() + str + "\n")
}

function sendMessage() {
        try {
                var txt = $("#txt").val();
                append(txt);
                
                socket.send(txt);
                
                $("#txt").val("");
                setActTime();
                
        } catch(exception) {
                append(exception);
        }
}

$( function() {
        $("#log").val("");
        append("starting app");
        
        try {
                var url = "ws://" + document.location.host + "/Test3/wstest";
                append("Opening connection to " + url)
                
                socket = new WebSocket(url);
                
                socket.onopen = function() {
                    append("Socket has been opened!");
                    setActTime();
                }
                
                socket.onmessage = function(msg){
                    append(msg.data); //Awesome!
                    setActTime();
                }
        
                socket.onclose = function(){
                        var now = new Date().getTime();
                        var elapsed = now - actTime;
                        
                append('Connection closed after ' + elapsed + ' seconds of inactivity');
        } 
        } catch(exception){
        append(exception);
        }
        
        $("#btn").click( function() {
                sendMessage();
        });
        
        $(document).keypress(function(e) {
                if(e.which == 13) {
                        sendMessage();
                }
        });
        
});


</script>

</head>
<body>

<h2>Websocket test chat</h2>

<textarea rows="30" cols="160" id="log" readonly></textarea>
<br>
<input size=120  type="text" name="txt" id="txt">
<button id="btn">Submit</button>


</body>
</html>
1	torben	2106	<html>
2			<head>
3			<title>Test3 :: Websocket Test</title>
4			<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
5
6			<script type="text/javascript">
7
8	torben	2109	var actTime = 0;
9			var socket = null;
10
11			function setActTime() {
12			actTime = new Date().getTime();
13			}
14
15	torben	2106	function append(str) {
16			var log = $("#log");
17			log.val( log.val() + str + "\n")
18			}
19
20	torben	2109	function sendMessage() {
21			try {
22			var txt = $("#txt").val();
23			append(txt);
24
25			socket.send(txt);
26
27			$("#txt").val("");
28			setActTime();
29
30			} catch(exception) {
31			append(exception);
32			}
33			}
34
35	torben	2106	$( function() {
36			$("#log").val("");
37			append("starting app");
38
39			try {
40			var url = "ws://" + document.location.host + "/Test3/wstest";
41			append("Opening connection to " + url)
42
43	torben	2109	socket = new WebSocket(url);
44	torben	2106
45			socket.onopen = function() {
46			append("Socket has been opened!");
47	torben	2109	setActTime();
48	torben	2106	}
49
50			socket.onmessage = function(msg){
51	torben	2107	append(msg.data); //Awesome!
52	torben	2109	setActTime();
53	torben	2106	}
54
55			socket.onclose = function(){
56	torben	2109	var now = new Date().getTime();
57			var elapsed = now - actTime;
58
59			append('Connection closed after ' + elapsed + ' seconds of inactivity');
60	torben	2106	}
61			} catch(exception){
62			append(exception);
63			}
64
65			$("#btn").click( function() {
66	torben	2109	sendMessage();
67	torben	2106	});
68
69	torben	2107	$(document).keypress(function(e) {
70			if(e.which == 13) {
71	torben	2109	sendMessage();
72	torben	2107	}
73			});
74
75	torben	2106	});
76	torben	2107
77
78	torben	2106	</script>
79
80			</head>
81			<body>
82
83			<h2>Websocket test chat</h2>
84
85	torben	2107	<textarea rows="30" cols="160" id="log" readonly></textarea>
86	torben	2106	<br>
87			<input size=120 type="text" name="txt" id="txt">
88			<button id="btn">Submit</button>
89
90
91			</body>
92			</html>