var mpCurrentScriptmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Container = document.currentScript.parentNode; (function () { var containerDiv = document.createElement('div'); containerDiv.id = "mpFrm38da4e4b9def4b89bdd652b1fe2f6fb2"; containerDiv.classList.add("mpForm"); containerDiv.setAttribute("data-mpid", "21675"); if(document.currentScript && document.currentScript.parentNode && document.currentScript.parentNode.nodeName && document.currentScript.parentNode.nodeName.toLowerCase() === "head") { document.addEventListener("DOMContentLoaded", (event) => { var bodyHolder = document.getElementsByTagName("body"); if (bodyHolder && bodyHolder[0]) { bodyHolder[0].appendChild(containerDiv); } }) } else { document.currentScript.parentNode.insertBefore(containerDiv, document.currentScript); mpFormmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Find(); } })(); function mpFormmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Find() { if(!mpCurrentScriptmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Container) return; if (mpCurrentScriptmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Container && mpCurrentScriptmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Container.nodeName && mpCurrentScriptmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Container.nodeName.toLowerCase() === "head") { var mpFind = document.querySelectorAll("[data-mpid='21675']"); if (mpFind.length && !mpFind[0].innerHTML) { mpFind[0].id = "mpFrm38da4e4b9def4b89bdd652b1fe2f6fb2" } } else { var mpFound = false; Array.from(mpCurrentScriptmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Container.children).forEach(c => { if (c.id === "mpFrm38da4e4b9def4b89bdd652b1fe2f6fb2") mpFound = true; }) if (!mpFound) { var mpOthers = Array.from(mpCurrentScript7942a9cd1e3949a887fb7a560c77cbddContainer.children).filter(e => e.dataset && e.dataset.mpid === "21675"); if (mpOthers.length === 1) { mpOthers[0].id = "mpFrm38da4e4b9def4b89bdd652b1fe2f6fb2"; } } } } function mpForm7942a9cd1e3949a887fb7a560c77cbddCheck() { let checkBoxes = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelectorAll('input[type="checkbox"]'); if(checkBoxes) { for(var i = 0; i < checkBoxes.length; i++) { let checkBox = checkBoxes[i]; var attr = checkBox.getAttribute('data-prevval'); if (typeof attr !== typeof undefined && attr !== false) { checkBox.value = checkBox.getAttribute("data-prevval"); checkBox.removeAttribute("data-prevval"); checkBox.removeAttribute("checked"); } } } } function mpForm7942a9cd1e3949a887fb7a560c77cbddSubmit(event) { event.preventDefault(); let msgHlder = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelector('[id=mpmessageholder]'); let mpMsg = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelector('[id=mpmessage]'); let checkBoxes = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelectorAll('input[type="checkbox"]'); if(checkBoxes) { for(var i = 0; i < checkBoxes.length; i++) { let checkBox = checkBoxes[i]; if( checkBox.checked == true ) { if(checkBox.getAttribute('data-prevval')) { checkBox.value = checkBox.getAttribute('data-prevval'); } else { checkBox.value = 1; } } else { checkBox.setAttribute('data-prevval',checkBox.value); checkBox.value = 0; } } } let form_data = Array.from( new FormData(document.getElementById('mpform-7942a9cd1e3949a887fb7a560c77cbdd')), function(e) { return { name: e[0], value: e[1] } } ) try { for(var i = 0; i < checkBoxes.length; i++) { let checkBox = checkBoxes[i]; let found = form_data.find(f=>f.name == checkBox.name) if(!found) { form_data.push({name: checkBox.name, value: checkBox.checked ? checkBox.value : "0"}) } } } catch(err){} try { form_data.push({ name: "mpTrkH", value: document.location.host }) form_data.push({ name: "mpTrkO", value: document.location.origin }) form_data.push({ name: "mpTrkP", value: document.location.pathname }) form_data.push({ name: "mpTrkQ", value: document.location.search }) form_data.push({ name: "mpTrkUUID", value: getTrackingId7942a9cd1e3949a887fb7a560c77cbdd() }) } catch(err){} //check valid telnos var failed = ""; if(msgHlder) { msgHlder.style.display = "none"; } let telInputs = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelectorAll('input[type=TELNO]'); if(telInputs) { for(var i = 0; i < telInputs.length; i++) { let telInput = telInputs[i]; var iti = window.intlTelInputGlobals.getInstance(telInput); telInput.classList.remove("mpm-field-error"); if(iti.isValidNumber() == false && telInput.value && telInput.value.length) { telInput.classList.add("mpm-field-error"); failed = "Please enter a valid telephone number"; } // } else { // let found = form_data.find(f=> f.name == telInput.name); // if (found) { // found.value = iti.getNumber(); // intenationally formatted version of the number // } // } } } if(failed != "") { mpMsg.innerHTML = failed; msgHlder.style.display = "block"; return; } let button = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelector('button'); if(button) { button.disabled = true; button.opacity = "0.5"; } mpMsg.innerHTML = 'Sending your details...'; var xhr = new XMLHttpRequest(); xhr.open("POST", "https://api.transpond.io/form?am=33323&fid=21675", true); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { mpForm7942a9cd1e3949a887fb7a560c77cbddCheck(); button.disabled = false; button.style.opacity = "1"; mpMsg.innerHTML = ""; msgHlder.style.display = "block"; let response = JSON.parse(xhr.responseText); try { document.getElementById('mpform-7942a9cd1e3949a887fb7a560c77cbdd').reset(); } catch(e) {} if(response) { if (response.redirect) { window.location.href = response.redirect; } else if (response.message) { if (response.download) window.open(response.download, '_blank'); if (response.downloads && response.downloads.length) { const parent = button.parentElement; response.downloads.forEach(link => { const hiddenButton = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelector("a[href='" + link.replace + "']"); if (hiddenButton) { hiddenButton.href = link.link; hiddenButton.closest('[data-type="FORMFILE"]').style.display = 'block'; } }); parent.style.display = "none"; } mpMsg.innerHTML = response.message; } else if (response.replace) { document.getElementById('mpform-7942a9cd1e3949a887fb7a560c77cbdd').innerHTML = response.form } } } else { mpForm7942a9cd1e3949a887fb7a560c77cbddCheck(); button.disabled = false; button.style.opacity = "1"; mpMsg.innerHTML = ""; msgHlder.style.display = "block"; var error = "Error submitting form"; if (xhr.responseText) { error = JSON.parse(xhr.responseText); mpMsg.innerHTML = error.error; } else { mpMsg.innerHTML = error; } } }; let urlEncodedDataPairs = []; form_data.forEach(m => { urlEncodedDataPairs.push(encodeURIComponent(m.name)+ "=" + encodeURIComponent(m.value)); }); const urlEncodedData = urlEncodedDataPairs.join('&').replace(/%20/g, '+'); xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); xhr.send(urlEncodedData); return; } function getTrackingId7942a9cd1e3949a887fb7a560c77cbdd() { try { let uuid = document.cookie.match('(^|;)\s*mpz\s*=\s*([^;]+)')?.pop() || ''; if(!uuid) { let found = document.cookie.split(';').find(c => c.indexOf('mpz=') > -1); if (found) uuid = found.split('=')[1]; } return uuid; } catch(e) { } }; function mpmFormInit7942a9cd1e3949a887fb7a560c77cbdd () { var subscriberData = undefined; var form = '

Example Tech Packs

We\'ve put together an example tech pack so you can see what the specs look like when filled in.

You will also be joining us for the Tech Pack Tuesdays weekly newsletter. We respect your privacy & you can unsubscribe at any time. No spam, we promise!

'; let failedCount = 0 function finishedLoading7942a9cd1e3949a887fb7a560c77cbdd() { window.mpFormLoading = false; let container = document.getElementById('mpFrm38da4e4b9def4b89bdd652b1fe2f6fb2'); if (!container) { mpFormmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2Find(); failedCount++; if(failedCount > 10) return console.log('Form failed too many times mpFrm38da4e4b9def4b89bdd652b1fe2f6fb2'); return setTimeout(finishedLoading7942a9cd1e3949a887fb7a560c77cbdd, 300) } container.innerHTML = form; let containerChildren = container.childNodes; let msgHlder = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelector('[id=mpmessageholder]'); if(msgHlder) { msgHlder.style.display = "hide" } let telInputs = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelectorAll('input[type=TELNO]'); if(telInputs) { for(var i = 0; i < telInputs.length; i++) { let telInp = telInputs[i]; telInp.style.width = "100%"; telInp.style.paddingLeft = "50px"; window.intlTelInput(telInp, { initialCountry: "us", utilsScript: "https://api.transpond.io/plugins/telNoVerificationUtils.js" } ); } } if(subscriberData) { let customFields = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelectorAll('input[name*="customField-"]') if(customFields) { for(var i = 0; i < customFields.length; i++) { let customField = customFields[i]; var cfID = customField.name; if(cfID) { cfID = cfID.split("-")[1]; let newValue = ""; if(subscriberData.customFields[cfID]) newValue = subscriberData.customFields[cfID]; customField.value = newValue } } } let customFieldsTextArea = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelectorAll('textarea[name*="customField-"]') if(customFieldsTextArea) { for(var i = 0; i < customFieldsTextArea.length; i++) { let customField = customFieldsTextArea[i]; var cfID = customField.name; if(cfID) { cfID = cfID.split("-")[1]; let newValue = ""; if(subscriberData.customFields[cfID]) newValue = subscriberData.customFields[cfID]; customField.value = newValue; } } } let emailAddressFields = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").querySelectorAll('input[name$="emailAddress"]') if(emailAddressFields) { for(var i = 0; i < emailAddressFields.length; i++) { let emailAddressField = emailAddressFields[i]; emailAddressField.value = subscriberData.emailAddress; } } } } function mpmPopup7942a9cd1e3949a887fb7a560c77cbdd() { let popups = document.getElementById("mpform-7942a9cd1e3949a887fb7a560c77cbdd").getElementsByClassName("mpm-popup"); if(popups) { for(var i = 0; i < popups.length; i++) { let popup = popups[i]; popup.classList.toggle("show"); } } } function mploadTelInput7942a9cd1e3949a887fb7a560c77cbdd() { if(!window.intlTelInput) { var script = document.createElement("SCRIPT"); script.src = 'https://api.transpond.io/plugins/telNoVerification.js'; script.type = 'text/javascript'; script.onload = function () { finishedLoading7942a9cd1e3949a887fb7a560c77cbdd(); }; document.getElementsByTagName("head")[0].appendChild(script); } else { finishedLoading7942a9cd1e3949a887fb7a560c77cbdd(); } } var link = document.createElement("link"); link.href = "https://api.transpond.io/public/css/form.css"; link.type = "text/css"; link.rel = "stylesheet"; document.getElementsByTagName("head")[0].appendChild(link); var mTelI = document.createElement("link"); mTelI.href = "https://api.transpond.io/plugins/telNoVerification.css"; mTelI.type = "text/css"; mTelI.rel = "stylesheet"; document.getElementsByTagName("head")[0].appendChild(mTelI); mploadTelInput7942a9cd1e3949a887fb7a560c77cbdd(); } if(!window.mpFormLoading){ window.mpFormLoading = true; mpmFormInit7942a9cd1e3949a887fb7a560c77cbdd(); } else { function waitForOtherFormsmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2() { if(window.mpFormLoading == false) { console.log("Form Loaded"); mpmFormInit7942a9cd1e3949a887fb7a560c77cbdd(); } else { setTimeout(waitForOtherFormsmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2,300); } } waitForOtherFormsmpFrm38da4e4b9def4b89bdd652b1fe2f6fb2(); }