On Wednesday, April 10, 2013 3:59:25 PM UTC-5, Edward K. Ream wrote:
>
> Following Ville's lead, I just created a page on at firebaseio.com.
>
> Not sure what it means yet :-)
>
Still don't, but I just created an html file from the completed demo. I
replaced the demo url with::
var myDataRef = new Firebase('https://leo-editor.firebaseio.com/');
Now anyone could chat with me (I think) by creating an the following html
page. Want to try it?
<html>
<head>
<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>
</head>
<body>
<div id='messagesDiv'></div>
<input type='text' id='nameInput' placeholder='Name'>
<input type='text' id='messageInput' placeholder='Message'>
<script>
var myDataRef = new Firebase('https://leo-editor.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>
</body>
</html>
Edward
--
You received this message because you are subscribed to the Google Groups
"leo-editor" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/leo-editor?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
