diff options
author | Loïc Hoguin <[email protected]> | 2013-02-16 15:11:56 +0100 |
---|---|---|
committer | Loïc Hoguin <[email protected]> | 2013-02-16 15:11:56 +0100 |
commit | d305527e8871bf41c6362930848d93e42d523b29 (patch) | |
tree | b183ae379249e12ad3ff8681f6ec38c325934bba /examples/eventsource/priv/index.html | |
parent | 39af3010cbf0a2340e4424031f7397d52bf4b77d (diff) | |
parent | a302fe500736f3aa0dc36771db3077eb0752eebb (diff) | |
download | cowboy-d305527e8871bf41c6362930848d93e42d523b29.tar.gz cowboy-d305527e8871bf41c6362930848d93e42d523b29.tar.bz2 cowboy-d305527e8871bf41c6362930848d93e42d523b29.zip |
Merge branch 'eventsource_example' of git://github.com/acammack/cowboy
Diffstat (limited to 'examples/eventsource/priv/index.html')
-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> |