Advertisement
claukiller

json

Nov 20th, 2017
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.49 KB | None | 0 0
  1. <script id="header" type="text/x-handlebars-template">​
  2. {{#each stations}}
  3. <div class="row">
  4.  
  5. <div class="col-xs-6 text-align-l padding-t-20 padding-b-20">
  6. <img src="icons/track_trail_medium.png" class="display-ib">
  7. <span class="display-ib">
  8. <span class="font-size-xs display-b text-align-l"> {{ name }}</span>
  9. <span class="font-size-10 display-b line-h-1"> {{ sector }}</span>
  10. </span>
  11.  
  12. </div>
  13.  
  14. <div class="col-xs-1 padding-t-20 padding-b-20">
  15. <img src="icons/track_lift_gondola.png">
  16. </div>
  17.  
  18. <div class="col-xs-2 text-align-c padding-t-20 padding-b-20">
  19. <img src="icons/opening_true.png">
  20. </div>
  21.  
  22. <div class="col-xs-2 text-align-c padding-t-20 padding-b-20">
  23. <img src="icons/opening_true.png">
  24. </div>
  25. </div>
  26. {{/each}}
  27. ​</script>
  28.  
  29.  
  30. -----------------------------------
  31.  
  32.  
  33. var theData = $getJSON("json/prueba.json");
  34. var theTemplateScript = $("#header").html();
  35. var theTemplate = Handlebars.compile (theTemplateScript);
  36. var aux = theTemplate(theData);
  37. $(".listado").html(aux);
  38.  
  39.  
  40. stations:[{a:"BOUNCER", b:"CENTER VILLAGE"}, {a:"BLACK BEAR GLADE", b:"EAST VILLAGE"}]}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement