Repositorio del curso CCOM4030 el semestre B91 del proyecto Artesanías con el Instituto de Cultura

renglones.js 1.5KB

1234567891011121314151617181920212223242526272829
  1. var request = new XMLHttpRequest()
  2. request.open('GET', 'json/renglones.json', true)
  3. request.onload = function() {
  4. // begin accessing JSON data here
  5. var info = JSON.parse(this.response)
  6. var list = document.getElementById("list");
  7. for (var i = 0; i < info.length; i++) {
  8. var item = ons.createElement(`<ons-list-item expandable>
  9. <div class="center">${info[i].Renglones}</div>
  10. <div class="right"><img class="list-item__thumbnail" src="img/${info[i].Renglones}.jpg"></div>
  11. <div class="expandable-content">
  12. <ons-list>
  13. <ons-list-item onclick="fn.pushPage({'id':'artesanos.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">Artesanos</ons-list-item>
  14. <ons-list-item onclick="fn.pushPage({'id':'artesanias.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">Especificaciones</ons-list-item>
  15. </ons-list></div>
  16. </ons-list-item>`);
  17. list.appendChild(item);
  18. }
  19. }
  20. request.send() /*`<ons-card onclick="fn.pushPage({'id':'artesanias.html','title':'${info[i].Renglones}','esp': '${info[i].Especificaciones}'})">
  21. <div class="title">${info[i].Renglones}</div>
  22. <div class="content"><img class="list-item__thumbnail" src="img/${info[i].Renglones}.png"></div>
  23. </ons-card>`*/