<div id="contactFormWrap"> <!-- [et_pb_line_break_holder] --> <form id="contactForm" onsubmit="submitFormC(); return false;"><!-- [et_pb_line_break_holder] --> <table id="formTable"><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Name<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="nameC" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Email<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="email" id="emailC" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Phone<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="phoneC" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Business Name<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="BusinessName" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">Address<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="AddressLine1" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td><input type="text" id="AddressLine2" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td class="formLabel"><span class="inputLabel">QTY<span class="requiredField">*</span></span></td><!-- [et_pb_line_break_holder] --> <td><input type="number" id="qtyIn" class="formTxt formContact" required></input></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td>Total price:</td><!-- [et_pb_line_break_holder] --> <td style="text-align:left;"><span id="priceOutput">$ 0.00</span></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td></td><!-- [et_pb_line_break_holder] --> <td style="text-align:left;"><input id="submitBtnC" type="submit" class="formSubmit" value="Submit" /></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </table><br><!-- [et_pb_line_break_holder] --> <span id="statusC"></span><!-- [et_pb_line_break_holder] --> </form> <!-- [et_pb_line_break_holder] --> </div>
<script><!-- [et_pb_line_break_holder] --> document.getElementById("qtyIn").addEventListener("input", function() {<!-- [et_pb_line_break_holder] --> var priceTotal = 0;<!-- [et_pb_line_break_holder] --> if(this.value <= 20 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 19.95;<!-- [et_pb_line_break_holder] --> } else if(this.value <=100 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 17.95;<!-- [et_pb_line_break_holder] --> } else if(this.value <=500 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 16.95;<!-- [et_pb_line_break_holder] --> } else if(this.value > 500 && this.value >= 0) {<!-- [et_pb_line_break_holder] --> priceTotal = this.value * 14.95;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> priceTotal = null;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (priceTotal != null) {<!-- [et_pb_line_break_holder] --> priceTotal = priceTotal.toFixed(2);<!-- [et_pb_line_break_holder] --> document.getElementById("priceOutput").innerHTML = "$" + String(priceTotal);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> document.getElementById("priceOutput").innerHTML = "invalid qty";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --></script>
<script><!-- [et_pb_line_break_holder] --> function submitFormC() {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // FORM VALIDATION GOES HERE<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.getElementById("submitBtnC").disabled = true; //disable to prevent multiple submissions<!-- [et_pb_line_break_holder] --> document.getElementById("statusC").innerHTML = "please wait ...";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var formdata = new FormData();<!-- [et_pb_line_break_holder] --> formdata.append("nameC", document.getElementById("nameC").value);<!-- [et_pb_line_break_holder] --> formdata.append("emailC", document.getElementById("emailC").value);<!-- [et_pb_line_break_holder] --> formdata.append("phoneC", document.getElementById("phoneC").value);<!-- [et_pb_line_break_holder] --> formdata.append("BusinessName", document.getElementById("BusinessName").value);<!-- [et_pb_line_break_holder] --> formdata.append("AddressLine1", document.getElementById("AddressLine1").value);<!-- [et_pb_line_break_holder] --> formdata.append("AddressLine2", document.getElementById("AddressLine2").value);<!-- [et_pb_line_break_holder] --> formdata.append("qtyIn", document.getElementById("qtyIn").value);<!-- [et_pb_line_break_holder] --> formdata.append("priceOutput", document.getElementById("priceOutput").value); <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var ajax = new XMLHttpRequest();<!-- [et_pb_line_break_holder] --> ajax.open( "POST", "/wp-content/themes/Divi-Child/Dev/qtyMailerParse.php" );<!-- [et_pb_line_break_holder] --> ajax.onreadystatechange = function() {<!-- [et_pb_line_break_holder] --> if(ajax.readyState == 4 && ajax.status == 200) {<!-- [et_pb_line_break_holder] --> if(ajax.responseText == "Message has been sent"){<!-- [et_pb_line_break_holder] --> document.getElementById("contactForm").innerHTML = '<h2>Thanks ' + document.getElementById("nameC").value+', your message has been sent.</h2>';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> document.getElementById("statusC").innerHTML = ajax.responseText;<!-- [et_pb_line_break_holder] --> document.getElementById("submitBtnC").disabled = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ajax.send(formdata); <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> </script>
Link Lock Logo
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.