Simple starting point for Ember.js fiddles

by pangratz666

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.5.js"></script>
<html>
  <body>
    <div class="header">
    </div>

    <div class="content">
    </div>

    <div class="footer">
    </div>
  </body>
</html>

JavaScript

App = Ember.Application.create({});

App.ReplaceWith = Ember.Mixin.create({
    didInsertElement: function(){
        var el = this.get('elementToReplace');
        Ember.$(el).replaceWith(this.$());
    }
});

App.HeaderView = Ember.View.create(App.ReplaceWith, {
    template: Ember.Handlebars.compile('Hello from HeaderView'),
    classNames: ['header'],
    elementToReplace: '.header'    
}).append();

App.ContentView = Ember.View.create(App.ReplaceWith, {
    template: Ember.Handlebars.compile('Hello from ContentView'),
    classNames: ['content'],
    elementToReplace: '.content'    
}).append();