Skip to content

Instantly share code, notes, and snippets.

@cederigo

cederigo/plates.expected.html

Created March 12, 2012 22:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cederigo/2025054 to your computer and use it in GitHub Desktop.
Save cederigo/2025054 to your computer and use it in GitHub Desktop.
Download ZIP
plates nested objects
Raw
plates.expected.html
<div id="content">
<div class="date">Mon Mar 12 2012 23:08:16 GMT+0100 (CET)</div>
<div class="host">
<div class="name">Poland</div>
</div>
<div class="guest">
<div class="name">Greece</div>
</div>
</div>
Raw
plates.html
<!DOCTYPE html>
<html>
<head>
<title>Plates testing</title>
<script type="text/javascript" src='public/javascripts/jquery-1.7.1.min.js'></script>
<script type="text/javascript" src='public/javascripts/plates.js'></script>
<script type="text/javascript">
$(document).ready(function () {
var tpl = $('#tpl').html();
var data = {
"date" : new Date().toString(),
"finals" : false,
"group" : "A",
"host" : { id: "pol_int", name: "Poland" },
"guest" : { id: "gre_int", name: "Greece" },
"points" : 0,
"score" : [ "2", "2" ],
"user" : "702185546"
};
var output = Plates.bind(tpl, data);
$('#content').html(output);
});
</script>
</head>
<body>
<div id="content"></div>
<div id="tpl" style="display:none;">
<div class="date"></div>
<div class="host">
<div class="name"></div>
</div>
<div class="guest">
<div class="name"></div>
</div>
</div>
</body>
</html>
Raw
plates.out.html
<div id="content">
<div class="date">Mon Mar 12 2012 23:08:16 GMT+0100 (CET)</div>
<div class="host">
<div class="name">Poland</div>
</div>
<div class="guest">
<div class="name">Poland</div>
</div>
<div class="guest">
<div class="name">Greece</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment