3 <title>WebSocket Echo Client</title>
6 <h1>WebSocket Echo Client</h1>
8 <button onClick="initWebSocket();">Connect</button>
9 <button onClick="stopWebSocket();">Disconnect</button>
10 <button onClick="checkSocket();">State</button>
13 <textarea id="debugTextArea" style="width:400px;height:200px;"></textarea>
16 <input type="text" id="inputText" onkeydown="if(event.keyCode==13)sendMessage();"/>
17 <button onClick="sendMessage();">Send</button>
20 <script type="text/javascript">
21 var debugTextArea = document.getElementById("debugTextArea");
22 function debug(message) {
23 debugTextArea.value += message + "\n";
24 debugTextArea.scrollTop = debugTextArea.scrollHeight;
27 function sendMessage() {
28 var msg = document.getElementById("inputText").value;
29 if ( websocket != null )
31 document.getElementById("inputText").value = "";
32 websocket.send( msg );
33 console.log( "string sent :", '"'+msg+'"' );
37 var wsUri = "ws://localhost:1234";
40 function initWebSocket() {
42 if (typeof MozWebSocket == 'function')
43 WebSocket = MozWebSocket;
44 if ( websocket && websocket.readyState == 1 )
46 websocket = new WebSocket( wsUri );
47 websocket.onopen = function (evt) {
50 websocket.onclose = function (evt) {
51 debug("DISCONNECTED");
53 websocket.onmessage = function (evt) {
54 console.log( "Message received :", evt.data );
57 websocket.onerror = function (evt) {
58 debug('ERROR: ' + evt.data);
61 debug('ERROR: ' + exception);
65 function stopWebSocket() {
70 function checkSocket() {
71 if (websocket != null) {
73 switch (websocket.readyState) {
75 stateStr = "CONNECTING";
95 debug("WebSocket state = " + websocket.readyState + " ( " + stateStr + " )");
97 debug("WebSocket is null");