Demo page

Fixes #3.

It also includes the changes in #1, diffs will go away when we merge #1.

![demo1](https://cloud.githubusercontent.com/assets/643127/3298408/4c1164a2-f601-11e3-8051-0dfbbca1965b.png)
![demo2](https://cloud.githubusercontent.com/assets/643127/3298409/4c11794c-f601-11e3-865e-5a42bdf55fd4.png)


cc @skidding @NiGhTTraX 


Sweet, thanks!


On Wed, Jun 18, 2014 at 11:24 AM, Valentin Radulescu <
notifications@github.com> wrote:

> In js/demo.js:
>
> > @@ -0,0 +1,32 @@
> > +function printToBox(message) {
> > +    var p = $("<p></p>");
> > +    p.text(message);
> > +    $("#message-box").append(p);
>
> A quick suggestion on how to make it more apparent to the user of the
> changes that are happening would be to animate the message box as new
> messages are added:
>
> function printToBox(message) {
>     var p = $("<p></p>"),
>           messageBox = $("#message-box");
>     p.text(message);
>     messageBox.append(p);
>     messageBox.stop().animate({scrollTop: messageBox.prop('scrollHeight')}, 300);}
>
> —
> Reply to this email directly or view it on GitHub
> <https://github.com/uberVU/dom-observer/pull/8/files#r13906270>.
>



-- 

[image: hootsuite] <http://hootsuite.com>

*Mihnea Dobrescu-Balaur*
Software Engineer | Hootsuite <http://www.hootsuite.com>
@mihneadb <http://twitter.com/mihneadb>
We are hiring in a *big* way! Apply now <http://hootsuite.com/careers>