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

artesano.html 1.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Artesanos</title>
  5. <script src="jquery/dist/jquery.min.js">
  6. </script>
  7. </head>
  8. <body>
  9. <ons-toolbar>
  10. <div class="left">
  11. <ons-back-button>Back</ons-back-button>
  12. </div>
  13. </ons-toolbar>
  14. <script type="text/javascript">
  15. function getUrlVars() {
  16. var vars = [], hash;
  17. var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  18. for(var i = 0; i < hashes.length; i++)
  19. {
  20. hash = hashes[i].split('=');
  21. vars.push(hash[0]);
  22. vars[hash[0]] = hash[1];
  23. }
  24. return vars;
  25. }
  26. nombre = decodeURIComponent(getUrlVars()["nombre"]);
  27. renglon = "json/MADERA.json";
  28. $.getJSON(renglon, function(json) {
  29. for (i = 0; i < json.length; i++) {
  30. if (json[i].Nombre == nombre) {
  31. break;
  32. }
  33. }
  34. var telefono = "Teléfono 1";
  35. var clickTel = (((json[i]["Teléfono 1"].replace('(', "")).replace(')', "")).replace(' ', "-");
  36. var email = "E-mail";
  37. document.write("<h1 align='center'>" + json[i].Nombre + "</h1>");
  38. document.write("<h2 align='center'>" + json[i].Municipio + "</h1>");
  39. document.write("<h2 align='center'>" + json[i].Especificaciones + "</h2>");
  40. document.write("<a class='button' href='tel:" + clickTel + "'>" + "<h2 align='center'>" + json[i][telefono] + "</h2>" + "</a>");
  41. document.write("<a href='mailto:" + json[i][email] + "'>" + "<h2 align='center'>" + json[i][email] + "</h2>" + "</a>");
  42. });
  43. </script>
  44. </body>
  45. </html>