diff options
author | Adam Cammack <[email protected]> | 2013-02-16 02:26:32 -0600 |
---|---|---|
committer | Adam Cammack <[email protected]> | 2013-02-16 02:26:32 -0600 |
commit | a302fe500736f3aa0dc36771db3077eb0752eebb (patch) | |
tree | 4e6a9ba989d8ab9a5d7cc988af1e21cc024279e0 /examples/eventsource/priv | |
parent | e3daf439da42283cf65faa3311ff73bb7ffe413b (diff) | |
download | cowboy-a302fe500736f3aa0dc36771db3077eb0752eebb.tar.gz cowboy-a302fe500736f3aa0dc36771db3077eb0752eebb.tar.bz2 cowboy-a302fe500736f3aa0dc36771db3077eb0752eebb.zip |
Add EventSource example
Port from extend/cowboy_examples.
Diffstat (limited to 'examples/eventsource/priv')
-rw-r--r-- | examples/eventsource/priv/index.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/examples/eventsource/priv/index.html b/examples/eventsource/priv/index.html new file mode 100644 index 0000000..f057195 --- /dev/null +++ b/examples/eventsource/priv/index.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html> + <head> + <script type="text/javascript"> + function ready() { + if (!!window.EventSource) { + setupEventSource(); + } else { + document.getElementById('status').innerHTML = + "Sorry but your browser doesn't support the EventSource API"; + } + } + + function setupEventSource() { + var source = new EventSource('/eventsource'); + + source.addEventListener('message', function(event) { + addStatus("server sent the following: '" + event.data + "'"); + }, false); + + source.addEventListener('open', function(event) { + addStatus('eventsource connected.') + }, false); + + source.addEventListener('error', function(event) { + if (event.eventPhase == EventSource.CLOSED) { + addStatus('eventsource was closed.') + } + }, false); + } + + function addStatus(text) { + var date = new Date(); + document.getElementById('status').innerHTML + = document.getElementById('status').innerHTML + + date + ": " + text + "<br/>"; + } + </script> + </head> + <body onload="ready();"> + Hi! + <div id="status"></div> + </body> +</html> |