diff options
author | Loïc Hoguin <[email protected]> | 2013-09-09 16:21:53 +0200 |
---|---|---|
committer | Loïc Hoguin <[email protected]> | 2013-09-09 16:21:53 +0200 |
commit | 834056402ac4a94baa1ab622f127dfdd84826bc3 (patch) | |
tree | 41df4341045ae9309e15dbd4f7812d18048e4e7b /examples/websocket/priv/html_ws_client.html | |
parent | 6a90d00ceee9c95d5d80190736e04f35bd04d8f4 (diff) | |
download | cowboy-834056402ac4a94baa1ab622f127dfdd84826bc3.tar.gz cowboy-834056402ac4a94baa1ab622f127dfdd84826bc3.tar.bz2 cowboy-834056402ac4a94baa1ab622f127dfdd84826bc3.zip |
Convert the websocket example to a release
Diffstat (limited to 'examples/websocket/priv/html_ws_client.html')
-rw-r--r-- | examples/websocket/priv/html_ws_client.html | 112 |
1 files changed, 0 insertions, 112 deletions
diff --git a/examples/websocket/priv/html_ws_client.html b/examples/websocket/priv/html_ws_client.html deleted file mode 100644 index 5bc7f15..0000000 --- a/examples/websocket/priv/html_ws_client.html +++ /dev/null @@ -1,112 +0,0 @@ -<html> - <head> - <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> - <title>Websocket client</title> - <script src="/static/jquery.min.js"></script> - <script type="text/javascript"> - - var websocket; - $(document).ready(init); - - function init() { - if(!("WebSocket" in window)){ - $('#status').append('<p><span style="color: red;">websockets are not supported </span></p>'); - $("#navigation").hide(); - } else { - $('#status').append('<p><span style="color: green;">websockets are supported </span></p>'); - connect(); - }; - $("#connected").hide(); - $("#content").hide(); - }; - - function connect() - { - wsHost = $("#server").val() - websocket = new WebSocket(wsHost); - showScreen('<b>Connecting to: ' + wsHost + '</b>'); - websocket.onopen = function(evt) { onOpen(evt) }; - websocket.onclose = function(evt) { onClose(evt) }; - websocket.onmessage = function(evt) { onMessage(evt) }; - websocket.onerror = function(evt) { onError(evt) }; - }; - - function disconnect() { - websocket.close(); - }; - - function toggle_connection(){ - if(websocket.readyState == websocket.OPEN){ - disconnect(); - } else { - connect(); - }; - }; - - function sendTxt() { - if(websocket.readyState == websocket.OPEN){ - txt = $("#send_txt").val(); - websocket.send(txt); - showScreen('sending: ' + txt); - } else { - showScreen('websocket is not connected'); - }; - }; - - function onOpen(evt) { - showScreen('<span style="color: green;">CONNECTED </span>'); - $("#connected").fadeIn('slow'); - $("#content").fadeIn('slow'); - }; - - function onClose(evt) { - showScreen('<span style="color: red;">DISCONNECTED </span>'); - }; - - function onMessage(evt) { - showScreen('<span style="color: blue;">RESPONSE: ' + evt.data+ '</span>'); - }; - - function onError(evt) { - showScreen('<span style="color: red;">ERROR: ' + evt.data+ '</span>'); - }; - - function showScreen(txt) { - $('#output').prepend('<p>' + txt + '</p>'); - }; - - function clearScreen() - { - $('#output').html(""); - }; - </script> - </head> - - <body> - <div id="header"> - <h1>Websocket client</h1> - <div id="status"></div> - </div> - - - <div id="navigation"> - - <p id="connecting"> - <input type='text' id="server" value="ws://localhost:8080/websocket"></input> - <button type="button" onclick="toggle_connection()">connection</button> - </p> - <div id="connected"> - <p> - <input type='text' id="send_txt" value=></input> - <button type="button" onclick="sendTxt();">send</button> - </p> - </div> - - <div id="content"> - <button id="clear" onclick="clearScreen()" >Clear text</button> - <div id="output"></div> - </div> - - </div> - </body> -</html> |