| Index: chrome/third_party/jstemplate/tutorial_examples/05-jsselect.html
|
| ===================================================================
|
| --- chrome/third_party/jstemplate/tutorial_examples/05-jsselect.html (revision 0)
|
| +++ chrome/third_party/jstemplate/tutorial_examples/05-jsselect.html (revision 0)
|
| @@ -0,0 +1,42 @@
|
| +<html>
|
| +<head><title>Jstemplates: Quick example</title>
|
| + <script src="../util.js" type="text/javascript"></script>
|
| + <script src="../jsevalcontext.js" type="text/javascript"></script>
|
| + <script src="../jstemplate.js" type="text/javascript"></script>
|
| + <script type="text/javascript">
|
| +
|
| + var tplData = {username:"Jane User",
|
| + addresses:[
|
| + {location:"111 8th Av.", label:"NYC front door"},
|
| + {location:"76 9th Av.", label:"NYC back door"},
|
| + {location:"Mountain View", label:"Mothership"}
|
| + ]
|
| + };
|
| +
|
| + function showData() {
|
| + // This is the javascript code that processes the template:
|
| + var input = new JsEvalContext(tplData);
|
| + var output = document.getElementById('tpl');
|
| + jstProcess(input, output);
|
| + }
|
| + </script>
|
| +</head>
|
| +<body onload="showData()">
|
| +
|
| +<!--
|
| +This is the template:
|
| +-->
|
| +
|
| +<div id="tpl">
|
| +<h1>
|
| + <span jsselect="username" jscontent="$this">User de Fault</span>'s
|
| + Address Book
|
| +</h1>
|
| +<table cellpadding="5">
|
| +<tr><td><h2>Location:</h2></td><td><h2>Label:</h2></td></tr>
|
| +<tr jsselect="addresses"><td jscontent="location"></td><td jscontent="label"></td></tr>
|
| +</table>
|
| +</div>
|
| +
|
| +</body>
|
| +</html>
|
|
|