// PHONE CODE window.onload = function() { var phone_input = document.getElementById("billing_phone"); function phone_code_function(e) { var keyboardbutton = e.keyCode; if (e.target == phone_input) { var selected_flag = document.getElementsByClassName("selected-flag")[0]; var phone_code = selected_flag.title.slice(selected_flag.title.indexOf("+")); if (e.target.value.indexOf(phone_code) == -1) { e.target.value = phone_code + e.target.value; } else { e.target.value = phone_code + e.target.value.slice(phone_code.length).replace(/\s/g,''); } // MOVE CURSOR TO THE END OF PHONE NUMBER setTimeout (function() { phone_input.selectionStart = phone_input.selectionEnd = phone_input.value.length; }, 0); // END OF MOVE CURSOR TO THE END OF PHONE NUMBER } } document.body.addEventListener('keydown', phone_code_function, {passive: true}); if (phone_input != null) { phone_input.addEventListener('click', phone_code_function, {passive: true}); phone_input.addEventListener('focus', phone_code_function, {passive: true}); } } // END OF PHONE CODE // CAPITALIZE FIRST AND LAST NAME var first_name = document.getElementById("shipping_first_name"); first_name.onkeyup = function() { words_array = []; var words = this.value.split(" "); for (i=0; i < words.length; i++) { words_array.push(words[i].slice(0, 1).toUpperCase() + words[i].slice(1).toLowerCase()); } this.value = words_array.join(" "); } var last_name = document.getElementById("shipping_last_name"); last_name.onkeyup = function() { words_array = []; var words = this.value.split(" "); for (i=0; i < words.length; i++) { words_array.push(words[i].slice(0, 1).toUpperCase() + words[i].slice(1).toLowerCase()); } this.value = words_array.join(" "); } // END OF CAPITALIZE FIRST AND LAST NAME // CHANGE ADDRESS var street_field = document.getElementById("shipping_address_1_field"); var street_input = document.getElementById("shipping_address_1"); var city_field = document.getElementById("shipping_city_field"); var city_input = document.getElementById("shipping_city"); var postcode_field = document.getElementById("shipping_postcode_field"); var postcode_input = document.getElementById("shipping_postcode"); street_input.addEventListener("focusout", function() {setTimeout(function() { words_array = []; var words = street_input.value.split(" "); for (i=0; i < words.length; i++) { words_array.push(words[i].slice(0, 1).toUpperCase() + words[i].slice(1).toLowerCase()); } street_input.value = words_array.join(" "); street_input.style.pointerEvents = "none"; var change_address = document.createElement("div"); change_address.innerHTML = "Change"; change_address.classList = "change-address"; street_field.appendChild(change_address); change_address.onclick = function() { street_input.style.pointerEvents = "initial"; street_input.focus(); this.remove(); } if (city_input.value != "") { city_input.focus(); city_input.blur(); city_input.style.pointerEvents = "none"; if (!city_field.getElementsByClassName("change-address")[0]) { var change_address = document.createElement("div"); change_address.innerHTML = "Change"; change_address.classList = "change-address"; city_field.appendChild(change_address); change_address.onclick = function() { city_input.style.pointerEvents = "initial"; city_input.focus(); this.remove(); } } } else { city_input.style.pointerEvents = "initial"; } if (postcode_input.value != "") { postcode_input.focus(); postcode_input.blur(); postcode_input.style.pointerEvents = "none"; if (!postcode_field.getElementsByClassName("change-address")[0]) { var change_address = document.createElement("div"); change_address.innerHTML = "Change"; change_address.classList = "change-address"; postcode_field.appendChild(change_address); change_address.onclick = function() { postcode_input.style.pointerEvents = "initial"; postcode_input.focus(); this.remove(); } } } else { postcode_input.style.pointerEvents = "initial"; } }, 500);}); city_input.addEventListener("focusout", function() {setTimeout(function() { words_array = []; var words = city_input.value.split(" "); for (i=0; i < words.length; i++) { words_array.push(words[i].slice(0, 1).toUpperCase() + words[i].slice(1).toLowerCase()); } city_input.value = words_array.join(" "); city_input.style.pointerEvents = "none"; if (!city_field.getElementsByClassName("change-address")[0]) { var change_address = document.createElement("div"); change_address.innerHTML = "Change"; change_address.classList = "change-address"; city_field.appendChild(change_address); change_address.onclick = function() { city_input.style.pointerEvents = "initial"; city_input.focus(); this.remove(); } } }, 500);}); postcode_input.addEventListener("focusout", function() {setTimeout(function() { postcode_input.value = postcode_input.value.toUpperCase(); postcode_input.style.pointerEvents = "none"; if (!postcode_field.getElementsByClassName("change-address")[0]) { var change_address = document.createElement("div"); change_address.innerHTML = "Change"; change_address.classList = "change-address"; postcode_field.appendChild(change_address); change_address.onclick = function() { postcode_input.style.pointerEvents = "initial"; postcode_input.focus(); this.remove(); } } }, 500);}); // END OF CHANGE ADDRESS // COUNTDOWN var minutes = 6; var seconds = 10; var milliseconds = 999; setInterval (function () { milliseconds = milliseconds - 4; if (milliseconds < 4) { seconds = seconds - 1; milliseconds = 999; if (seconds < 0) { minutes = minutes - 1; seconds = 59; if (minutes < 0) { minutes = 6; seconds = 10; } } } var minutes_zero = ''; var seconds_zero = ''; var milliseconds_zero = ''; if (minutes < 10) {minutes_zero = '0';} if (seconds < 10) {seconds_zero = '0';} if (milliseconds < 100) {milliseconds_zero = '0';} document.getElementsByClassName('countdown')[0].getElementsByTagName('span')[0].innerHTML = minutes_zero + minutes + ':' + seconds_zero + seconds; }, 4); // END OF COUNTDOWN