Skip to content

Instantly share code, notes, and snippets.

@ccoenraets

ccoenraets/dashboard.html

Created October 9, 2012 15:37
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ccoenraets/3859582 to your computer and use it in GitHub Desktop.
Save ccoenraets/3859582 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dashboard.html
<html>
<body>
<h1>Real Time Page Views</h1>
<ul id="pageViews"></ul>
<script src="socket.io.min.js"></script>
<script src="jquery-1.8.2.min.js"></script>
<script>
var socket = io.connect('http://localhost:3000');
socket.on('connect', function () {
socket.on('pageview', function (msg) {
$('#pageViews').append('<li>' + msg.url + '</li>');
});
});
</script>
</body>
</html>
Raw
server.js
var io = require('socket.io').listen(3000);
io.sockets.on('connection', function (socket) {
socket.on('message', function (message) {
console.log("Got message: " + message);
io.sockets.emit('pageview', { 'url': message });
});
});
Raw
simplepage.html
<html>
<body>
<h1>Simple Page</h1>
<script type="text/javascript" src="socket.io.min.js"></script>
<script>
var socket = io.connect('http://localhost:3000');
socket.on('connect', function () {
socket.send(window.location);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment