Preparation Code Preparation HTML (this will be inserted in the <body>
of a valid HTML5 document in standards mode) (useful when testing DOM operations or including libraries) <script src ="http://sb.taurus.uberspace.de/jslib/jquery-1.7.1.min.js" > </script >
<script src ="http://sb.taurus.uberspace.de/jslib/underscore-1.3.1.min.js" > </script >
<script src ="http://sb.taurus.uberspace.de/jslib/jquery.mustache-0.5.0.min.js" > </script >
<script src ="https://raw.github.com/twitter/hogan.js/master/web/builds/1.0.5/template-1.0.5.min.js" > </script >
<script >
window.sharedVariables = {
header: "Header",
header2: "Header2",
header3: "Header3",
header4: "Header4",
header5: "Header5",
header6: "Header6",
list: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']
};
window.mustacheTemplate = "<div > <h1 class ='header' > {{{header}}}</h1 > <h2 class ='header2' > {{{header2}}}</h2 > <h3 class ='header3' > {{{header3}}}</h3 > <h4 class ='header4' > {{{header4}}}</h4 > <h5 class ='header5' > {{{header5}}}</h5 > <h6 class ='header6' > {{{header6}}}</h6 > <ul class ='list' > {{#list}}<li class ='item' > {{{.}}}</li > {{/list}}</ul > </div > ";
window.underscoreTemplate = _.template("<div > <h1 class ='header' > <%= header %></h1 > <h2 class ='header2' > <%= header2 %></h2 > <h3 class ='header3' > <%= header3 %></h3 > <h4 class ='header4' > <%= header4 %></h4 > <h5 class ='header5' > <%= header5 %></h5 > <h6 class ='header6' > <%= header6 %></h6 > <ul class ='list' > <% for (var i = 0, l = list.length; i < l; i++) { %><li class ='item' > <%= list[i] %></li > <% } %></ul > </div > ");
window.hoganTemplate=function(b,c,a){var d=this,a=(a||"")+"<div > <h1 class ='header' > "+d.f("header",b,c,0),a=a+"</h1 > <h2 class ='header2' > "+d.f("header2",b,c,0),a=a+"</h2 > <h3 class ='header3' > "+d.f("header3",b,c,0),a=a+"</h3 > <h4 class ='header4' > "+d.f("header4",b,c,0),a=a+"</h4 > <h5 class ='header5' > "+d.f("header5",b,c,0),a=a+"</h5 > <h6 class ='header6' > "+d.f("header6",b,c,0),a=a+"</h6 > <ul class ='list' > ";d.s(d.f("list",b,c,1),b,c,0,257,286,"{{ }}")?(a+=d.rs(b,c,function(a,b){var c;c="<li class ='item' > "+d.d(".",
a,b,0);return c+"</li > "}),b.pop()):(a+=d.b,d.b="");return a+"</ul > </div > "};
window.hogan = new Hogan.Template(window.hoganTemplate);
</script >
Setup JS
Teardown JS