Skip to content

Instantly share code, notes, and snippets.

@ahmedsa1983

ahmedsa1983/Event Viewer on Webpage

Last active August 29, 2015 14:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ahmedsa1983/c603f3b6f7a328cdb0b2 to your computer and use it in GitHub Desktop.
Save ahmedsa1983/c603f3b6f7a328cdb0b2 to your computer and use it in GitHub Desktop.
Download ZIP
Webpage to display the events
Raw
Event Viewer on Webpage
<!Thanks to @bko>
<!DOCTYPE HTML>
<html>
<body>
<label for="Event name:">Event name:</label>
<input type="text" name="eventNameBox" id="evText" style="margin-right: 400px">
<label for="Event name:">Event name:</label>
<input type="text" name="eventNameBox" id="evText" >
<br><br>
<button id="connectbutton" onclick="start()" " style="margin-right: 600px">Connect</button>
<button id="connectbutton" onclick="start()">Connect</button>
<br><br>
<table id="dataTable" border="0" cellpadding="0" cellspacing="0" style="width:50%;float:left">
<tbody>
<tr>
<td> Data of Carpet1</td>
</tr>
</tbody>
</table>
<table id="dataTable" border="0" cellpadding="0" cellspacing="0" style="width:50%;float:left">
<tbody>
<tr>
<td> Data of Carpet2</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
function start(objButton) {
document.getElementById("connectbutton").innerHTML = "Running";
var eventName = document.getElementById('evText').value;
var accessToken = "000000000000000000000000000000000000";
var requestURL = "https://api.spark.io/v1/events/?access_token=" + accessToken;
var eventSource = new EventSource(requestURL);
eventSource.addEventListener('open', function(e) {
console.log("Opened!"); },false);
eventSource.addEventListener('error', function(e) {
console.log("Errored!"); },false);
eventSource.addEventListener(eventName, function(e) {
var parsedData = JSON.parse(e.data);
var dt = document.getElementById("dataTable");
var rows = dt.rows.length;
var foundIt = false;
for(var i=0;i<rows;i++) {
var rowN = dt.rows[i];
if (false==foundIt && rowN.cells[0].innerHTML==parsedData.coreid) {
foundIt = true;
rowN.cells[1].innerHTML = parsedData.data;
rowN.cells[2].innerHTML = parsedData.published_at;
}
}
var newRow = dt.insertRow(rows);
var cell1 = newRow.insertCell(0);
var cell2 = newRow.insertCell(1);
var cell3 = newRow.insertCell(2);
cell1.innerHTML = parsedData.data;
//cell2.innerHTML = parsedData.data;
//cell3.innerHTML = parsedData.published_at;
//}
}, false);
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment