Firebase Chat

by jarnal

HTML

<script src="https://cdn.firebase.com/v0/firebase.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <input type='text' id='nameInput' placeholder='Name'>
    <input type='text' id='messageInput' placeholder='Message'>
         <div id='messagesDiv'></div>
        <script>
            var myDataRef = new Firebase("https://ssb.firebaseio.com/");
            
            $('#messageInput').keypress(function (e){
            
            if (e.keyCode == 13) 
            { var name = $('#nameInput').val();
            var text = $('#messageInput').val();
            myDataRef.push({name: name, text: text}); 
            $('#messageInput').val(''); }
            
            });
            
            myDataRef.on('child_added', function(snapshot) {
        var message = snapshot.val();
        displayChatMessage(message.name, message.text);
      });
            
      function displayChatMessage(name, text) {
        $('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
        $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
      };
            
        </script>