Add EventSource example

Port from extend/cowboy_examples.
2025-07-15 20:50:24 +00:00 · 2013-02-16 02:26:32 -06:00 · 2013-02-16 02:26:32 -06:00 · a302fe5007
commit a302fe5007
parent e3daf439da
10 changed files with 187 additions and 0 deletions
--- a/examples/eventsource/priv/index.html
+++ 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>