Firebase test 1

HTML

<script src="https://cdn.firebase.com/v0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.4.1/firebase.js"></script>
<div id='messagesDiv'></div>
<input type='text' id='nameInput' placeholder='Name'>
<input type='text' id='messageInput' placeholder='Message...'>

JavaScript

// Get a reference to the root of the chat data.
  var messagesRef = new Firebase('https://xxx.firebaseio.com/chat');

  // When the user presses enter on the message input, write the message to firebase.
  $('#messageInput').keypress(function (e) {
    if (e.keyCode == 13) {
      var name = $('#nameInput').val();
      var text = $('#messageInput').val();
      messagesRef.push({name:name, text:text});
      $('#messageInput').val('');
    }
  });

  // Add a callback that is triggered for each chat message.
  messagesRef.limit(10).on('child_added', function (snapshot) {
    var message = snapshot.val();
    $('<div/>').text(message.text).prepend($('<em/>')
      .text(message.name+': ')).appendTo($('#messagesDiv'));
    $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
  });

/*
import json

from firebase import firebase
from firebase import jsonutil

firebase = firebase.FirebaseApplication('https://xxx.firebaseio.com', authentication=None)

# print firebase.get('/users', None, {'print': 'pretty'})
data = {'name': 'John Doe', 'text': 'Jane Doe'}
result = firebase.post('/chat', data)
*/