| OLD | NEW |
| (Empty) | |
| 1 <html> |
| 2 <head><title>Jstemplates: Quick example</title> |
| 3 <script src="../util.js" type="text/javascript"></script> |
| 4 <script src="../jsevalcontext.js" type="text/javascript"></script> |
| 5 <script src="../jstemplate.js" type="text/javascript"></script> |
| 6 <script type="text/javascript"> |
| 7 var tplData = {username:"Joe User", |
| 8 addresses:[ |
| 9 {location:"111 8th Av.", label:"NYC front door"}, |
| 10 {location:"76 9th Av.", label:"NYC back door"}, |
| 11 {location:"Mountain View", label:"Mothership"} |
| 12 ]}; |
| 13 |
| 14 function showData() { |
| 15 // This is the javascript code that processes the template: |
| 16 var input = new JsEvalContext(tplData); |
| 17 var output = document.getElementById('tpl'); |
| 18 jstProcess(input, output); |
| 19 } |
| 20 </script> |
| 21 </head> |
| 22 <body onload="showData()"> |
| 23 |
| 24 <!-- |
| 25 This is the template: |
| 26 --> |
| 27 <div id="tpl"> |
| 28 <h1> |
| 29 <span jsselect="username" jscontent="$this">User de Fault</span>'s |
| 30 Address Book |
| 31 </h1> |
| 32 <span jsdisplay="addresses.length==0">Address book is empty.</span> |
| 33 <table cellpadding="5" jsdisplay="addresses.length"> |
| 34 <tr><td><h2>Location:</h2></td><td><h2>Label:</h2></td></tr> |
| 35 <tr jsselect="addresses"><td jscontent="location"></td><td jscontent="label"></t
d></tr> |
| 36 </table> |
| 37 </div> |
| 38 |
| 39 </body> |
| 40 </html> |
| OLD | NEW |