New script, simple test of Handlebars.
authorMike Taylor <mike@indexdata.com>
Tue, 26 Nov 2013 10:31:32 +0000 (10:31 +0000)
committerMike Taylor <mike@indexdata.com>
Tue, 26 Nov 2013 10:31:32 +0000 (10:31 +0000)
tools/htdocs/handlebars-test.html [new file with mode: 0644]

diff --git a/tools/htdocs/handlebars-test.html b/tools/htdocs/handlebars-test.html
new file mode 100644 (file)
index 0000000..ba03bf4
--- /dev/null
@@ -0,0 +1,24 @@
+<html>
+  <head>
+    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
+    <script type="text/javascript" src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.1.2.js"></script>
+    <script id="entry-template" type="text/x-handlebars-template">
+      <div class="entry">
+       <h1>{{title}}</h1>
+       <div class="body">
+         {{body}}
+       </div>
+      </div>
+    </script>
+  </head>
+  <body>
+    <div id="content"/>
+    <script type="text/javascript">
+      var source = $("#entry-template").html();
+      var template = Handlebars.compile(source);
+      var context = {title: "My New Post", body: "This is my first post!"}
+      var html = template(context);
+      $("#content").html(html);
+    </script>
+  </body>
+</html>