File: /home/healthvaluequotes/public_html/backup/js/zipCodeLookup.js
function zipCodeLookup() {
var zipCapture = document.getElementById("zipCode").value;
var clientKey = "AIzaSyDgyonK-CqlFEUVGBYE1l87Zwcxf0FyskY";
const Http = new XMLHttpRequest();
const url= "https://maps.googleapis.com/maps/api/geocode/json?&address="+zipCapture+"&key=" + clientKey;
Http.open("GET", url);
Http.send();
Http.onreadystatechange = function() {
if (zipCapture.length != 5) {
document.getElementById("zipCode").classList.remove("zipCodeInput");
document.getElementById("zipCode").classList.remove("zipCodeInputValid");
document.getElementById("zipCode").classList.add("zipCodeInputInvalid");
document.getElementById("displayLocation").classList.remove("hide");
document.getElementById("displayLocation").classList.add("show");
$('#displayLocation').hide();
}
else {
$.ajax({ url:"https://maps.googleapis.com/maps/api/geocode/json?&address="+zipCapture+"&key=" + clientKey,
success: function(data){
var addressObject = data.results[0].address_components;
/*or you could iterate the components for only the city and state*/
document.getElementById("zipCode").classList.remove("zipCodeInput");
document.getElementById("zipCode").classList.remove("zipCodeInputInvalid");
document.getElementById("zipCode").classList.add("zipCodeInputValid");
console.log(addressObject[0].short_name)
var zip = addressObject[0].short_name;
var city = addressObject[1].short_name;
var state =addressObject[3].short_name;
var county = addressObject[2].short_name;
document.getElementById("displayLocation").innerHTML = "Search in " + city + ", " + state;
document.getElementById("city").value = city;
document.getElementById("state").value = state;
document.getElementById("zip").value = zip;
console.log(county, city, state);
document.getElementById("displayLocation").classList.remove("show");
document.getElementById("displayLocation").classList.add("hide");
}
});
$('#displayLocation').show();
}
};
}
$('#zipCode').on('input',function(){
zipCodeLookup();
})