4 <title>Websocket Echo Client</title>
8 <h1>Websocket Echo Client</h1>
10 <button onClick="initWebsocket();">Connect</button>
11 <button onClick="stopWebsocket();">Disconnect</button>
12 <button onClick="checkSocket();">State</button>
15 <textarea id="debugTextArea" style="width:400px;height:200px;"></textarea>
18 <input type="text" id="inputText" onkeydown="if(event.keyCode==13)sendMessage();"/>
19 <button onClick="sendMessage();">Send</button>
22 <script type="text/javascript">
23 var debugTextArea = document.getElementById("debugTextArea");
24 var wsUri = "wss://localhost:1234";
27 function debug(message) {
28 debugTextArea.value += message + "\n";
29 debugTextArea.scrollTop = debugTextArea.scrollHeight;
32 function sendMessage() {
33 var msg = document.getElementById("inputText").value;
34 if ( websocket != null )
36 document.getElementById("inputText").value = "";
37 websocket.send( msg );
38 console.log( "string sent :", '"'+msg+'"' );
42 function initWebsocket() {
44 if (typeof MozWebSocket == 'function')
45 WebSocket = MozWebSocket;
46 if ( websocket && websocket.readyState == 1 )
48 websocket = new WebSocket( wsUri );
49 websocket.onopen = function (evt) {
52 websocket.onclose = function (evt) {
53 debug("DISCONNECTED");
55 websocket.onmessage = function (evt) {
56 console.log( "Message received :", evt.data );
59 websocket.onerror = function (evt) {
60 debug('ERROR: ' + evt.data);
63 debug('ERROR: ' + exception);
67 function stopWebsocket() {
72 function checkSocket() {
73 if (websocket != null) {
75 switch (websocket.readyState) {
77 stateStr = "CONNECTING";
97 debug("Websocket state = " + websocket.readyState + " ( " + stateStr + " )");
99 debug("Websocket is null");