blach · April 17, 2017 02:50 · blach · Jan 2, 2017
diff --git a/airpod_availability.html b/airpod_availability.html
 <!doctype html>
 <html lang="en">

 <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <title>Check AirPod availability in Apple Stores</title>
    <style>
        body {
            font-size: 12px;
            font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
            padding: 1em;
        }
        
        table {
            max-width: 100%;
            width: 500px;
            text-align: left;
            border-collapse: collapse;
            border: 1px solid #69c;
            margin-bottom: 1em;
        }
        
        table th {
            padding: .5em;
            font-weight: normal;
            font-size: 1.1em;
            color: #039;
            border-bottom: 1px solid #69c;
        }
        
        table td {
            padding: .5em;
            color: #669;
            font-size: 1em;
        }
    </style>
    <!-- using jQuery to easily make JSONP calls -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        function insertHeaderRow(thead, text) {
            var row = thead.insertRow(-1);
            var th = document.createElement("th");
            th.innerHTML = text;
            th.colSpan = 2;
            row.appendChild(th);
        }

        function insertRow(tbody, text1, text2) {
            var row = tbody.insertRow(-1);

            var cell1 = row.insertCell(0);
            cell1.innerHTML = text1;
            var cell2 = row.insertCell(1);
            cell2.innerHTML = text2;
        }


        function checkZipCode(country, zip, partnum) {
            var table = document.createElement("table");
            document.body.appendChild(table);

            var header = table.createTHead();
            var tbody = table.createTBody();

            insertHeaderRow(header, "Checking AirPods for " + country.toUpperCase() + ", " + zip);

            // the JSON url to get
            // see http://brianbrunner.com/2016/09/20/iphone-pickup.html for details
            var url = "http://www.apple.com/" + country + "/shop/retail/pickup-message?parts.0=" + partnum + "&location=" + zip;
            // use YQL (Yahoo! Query Language) to circumvent JavaScript cross origin limitations
            var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from html where url="' + url + '"') + '&format=json&callback=?';

            //console.log(url);

            // use JQuery to make a JSONP call to YQL
            $.getJSON(yql, function(data) {
                var json = data.query.results.body.content;
                var obj = JSON.parse(json);

                obj.body.stores.forEach(function(store, index) {
                    var availability = store.partsAvailability[partnum].storePickupQuote;

                    insertRow(tbody, store.city, availability);
                });
            });
        }


        function checkAvailability() {
            checkZipCode("us", "98112", "MMEF2AM/A");
            checkZipCode("de", "60313", "MMEF2ZM/A");
        }
    </script>
 </head>

 <body onload="checkAvailability()">
 </body>

 </html>
	<!doctype html>
	<html lang="en">

	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title>Check AirPod availability in Apple Stores</title>
	<style>
	body {
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	padding: 1em;
	}

	table {
	max-width: 100%;
	width: 500px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
	margin-bottom: 1em;
	}

	table th {
	padding: .5em;
	font-weight: normal;
	font-size: 1.1em;
	color: #039;
	border-bottom: 1px solid #69c;
	}

	table td {
	padding: .5em;
	color: #669;
	font-size: 1em;
	}
	</style>
	<!-- using jQuery to easily make JSONP calls -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	<script>
	function insertHeaderRow(thead, text) {
	var row = thead.insertRow(-1);
	var th = document.createElement("th");
	th.innerHTML = text;
	th.colSpan = 2;
	row.appendChild(th);
	}

	function insertRow(tbody, text1, text2) {
	var row = tbody.insertRow(-1);

	var cell1 = row.insertCell(0);
	cell1.innerHTML = text1;
	var cell2 = row.insertCell(1);
	cell2.innerHTML = text2;
	}


	function checkZipCode(country, zip, partnum) {
	var table = document.createElement("table");
	document.body.appendChild(table);

	var header = table.createTHead();
	var tbody = table.createTBody();

	insertHeaderRow(header, "Checking AirPods for " + country.toUpperCase() + ", " + zip);

	// the JSON url to get
	// see http://brianbrunner.com/2016/09/20/iphone-pickup.html for details
	var url = "http://www.apple.com/" + country + "/shop/retail/pickup-message?parts.0=" + partnum + "&location=" + zip;
	// use YQL (Yahoo! Query Language) to circumvent JavaScript cross origin limitations
	var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from html where url="' + url + '"') + '&format=json&callback=?';

	//console.log(url);

	// use JQuery to make a JSONP call to YQL
	$.getJSON(yql, function(data) {
	var json = data.query.results.body.content;
	var obj = JSON.parse(json);

	obj.body.stores.forEach(function(store, index) {
	var availability = store.partsAvailability[partnum].storePickupQuote;

	insertRow(tbody, store.city, availability);
	});
	});
	}


	function checkAvailability() {
	checkZipCode("us", "98112", "MMEF2AM/A");
	checkZipCode("de", "60313", "MMEF2ZM/A");
	}
	</script>
	</head>

	<body onload="checkAvailability()">
	</body>

	</html>