aboutsummaryrefslogtreecommitdiffstats
path: root/examples/eventsource/priv/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'examples/eventsource/priv/index.html')
-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>