CCOM4030
/
artesanias


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
							<!DOCTYPE html>
<html>
<head>
    <title>Artesanos</title>

    <script src="jquery/dist/jquery.min.js">
    </script>


</head>
<body>

    <ons-toolbar>
        <div class="left">
            <ons-back-button>Back</ons-back-button>
        </div>
    </ons-toolbar>


    <script type="text/javascript">
    function getUrlVars() {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    }

    nombre = decodeURIComponent(getUrlVars()["nombre"]);
    renglon = "json/MADERA.json";
    

    $.getJSON(renglon, function(json) {
        for (i = 0; i < json.length; i++) {
            if (json[i].Nombre == nombre) {
                break;
            }
        }

        var telefono = "Teléfono 1";
        var clickTel = (((json[i]["Teléfono 1"].replace('(', "")).replace(')', "")).replace('-', "")).replace(' ', "");

        var email = "E-mail";


        document.write("<h1 align='center'>" + json[i].Nombre + "</h1>");

        document.write("<h2 align='center'>" + json[i].Municipio + "</h1>");

        document.write("<h2 align='center'>" + json[i].Especificaciones + "</h2>");

        document.write("<a class='button' href='tel://" + clickTel + "'>" + "<h2 align='center'>" + json[i][telefono] + "</h2>" + "</a>");

        document.write("<a href='mailto:" + json[i][email] + "'>" + "<h2 align='center'>" + json[i][email] + "</h2>" + "</a>");


    });


    </script>

</body>
</html>