Skip to content

Instantly share code, notes, and snippets.

@ToeJamson
Last active December 19, 2015 15:49
Show Gist options
  • Save ToeJamson/5978867 to your computer and use it in GitHub Desktop.
Save ToeJamson/5978867 to your computer and use it in GitHub Desktop.
Build RealTime Chat
Enter Chat and press enter
<div><input id=input placeholder=you-chat-here /></div>
Chat Output
<div id=box></div>
<div id=pubnub pub-key=demo sub-key=demo></div>
<script src=http://cdn.pubnub.com/pubnub-3.1.min.js></script>
<script>(function(){
var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chat';
PUBNUB.subscribe({
channel : channel,
callback : function(text) { box.innerHTML = (''+text).replace( /[<>]/g, '' ) + '<br>' + box.innerHTML; }
});
PUBNUB.bind( 'keyup', input, function(e) {
(e.keyCode || e.charCode) === 13 && PUBNUB.publish({
channel : channel, message : input.value, x : (input.value='')
});
} );
})();</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment