aboutsummaryrefslogtreecommitdiffstats
path: root/examples/eventsource/priv
diff options
context:
space:
mode:
authorAdam Cammack <[email protected]>2013-02-16 02:26:32 -0600
committerAdam Cammack <[email protected]>2013-02-16 02:26:32 -0600
commita302fe500736f3aa0dc36771db3077eb0752eebb (patch)
tree4e6a9ba989d8ab9a5d7cc988af1e21cc024279e0 /examples/eventsource/priv
parente3daf439da42283cf65faa3311ff73bb7ffe413b (diff)
downloadcowboy-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.html44
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>