Skip to content

Instantly share code, notes, and snippets.

@heapwolf

heapwolf/56.html

Created August 8, 2012 16:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save heapwolf/3296413 to your computer and use it in GitHub Desktop.
Save heapwolf/3296413 to your computer and use it in GitHub Desktop.
Download ZIP
socketio/client
Raw
56.html
<html>
<body>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<div id="inputs" style="font-size:60px">
<span>name: </span><input id="username" style="font-size:60px"></input>
</div>
<div id="chat" style="font-size:30"></div>
<script>
$('#username').change(function () {
var socket = io.connect('http://localhost:8080');
socket.emit('setName', $('#username').val())
$('#inputs').html('<input id="chatinput" style="font-size:60px"></input>').select()
$('#chatinput').select().change(function () {
socket.emit('echo', $('#chatinput').val())
$('#chatinput').val('')
})
socket.on('echo', function (data, name) {
$('#chat').append('<div><span style="color:blue">['+name+'] </span>'+data+'</div>')
});
socket.on('join', function (name) {
$('#chat').append('<div style="color:red">'+name+' has joined</div>')
})
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment