File: /home/imensosw/lp.imensosoftware.com/contact_popup_js.php
<script>
var contact_phone = document.querySelector("#contact_phone");
var contactErrorMsg = document.querySelector("#contact_phone_error");
var contactErrorMap = ["Invalid number", "Invalid country code", "Too short", "Too long", "Invalid number"];
//var country_code = document.querySelector("#country_code");
//var user_ip = document.querySelector("#user_ip");
var contact_phone_full = document.querySelector("#contact_phone_full");
var localizedCountriesArray = {
ba: "Bosnia and Herzegovina",
cf: "Central African Republic",
ae: "United Arab Emirates",
wf: "Wallis and Futuna",
cd: "Congo (DRC)",
cg: "Congo (Republic)",
cz: "Czech Republic",
do: "Dominican Republic",
gq: "Equatorial Guinea",
fk: "Falkland Islands",
gf: "French Guiana",
pf: "French Polynesia",
nc: "New Caledonia",
kp: "North Korea",
mk: "North Macedonia",
mf: "Saint Martin",
pm: "Saint Pierre and Miquelon",
st: "São Tomé and Príncipe",
va: "Vatican City",
eh: "Western Sahara",
gw: "Guinea-Bissau",
gl: "Greenland",
mg: "Madagascar",
md: "Moldova",
mz: "Mozambique",
vc: "Saint Vincent & Grenadines",
sa: "Saudi Arabia",
io: "BIOT",
ss: "South Sudan",
uz: "Uzbekistan",
pm: "Saint Pierre & Miquelon",
};
//British Indian Ocean Territory
var contactInputOptions = {
localizedCountries: localizedCountriesArray,
autoInsertDialCode: true,
/*geoIpLookup: function(callback) {
fetch("https://ipapi.co/json")
.then(function(res) { return res.json(); })
.then(function(data) {
callback(data.country_code);
})
.catch(function() { callback("us"); });
},*/
hiddenInput: "contact_phone_full",
initialCountry: "auto",
separateDialCode: true,
preferredCountries: ['us', 'au', 'gb', 'ae'],
utilsScript: "../build/js/utils.js?1690975972744"
};
var isMobile = window.innerWidth <= 768;
if (isMobile) {
inputOptions.dropdownContainer = document.querySelector("#addPopupCountryDropdown");
}
const itiContact = window.intlTelInput(contact_phone, contactInputOptions);
const contactReset = () => {
contact_phone.classList.remove("error");
contactErrorMsg.innerHTML = "";
contactErrorMsg.classList.add("d-hide");
};
// on keyup / change flag: reset
contact_phone.addEventListener('change', contactReset);
contact_phone.addEventListener('keyup', contactReset);
// Prevent non-numeric input
contact_phone.addEventListener('input', (event) => {
event.target.value = event.target.value.replace(/\D/g, '');
});
</script>
<script>
var formSubmitted = localStorage.getItem('formSubmitted');
var contact_popup = new bootstrap.Modal(document.getElementById('contact_popup'));
$(window).on('load', function() {
setTimeout(function() {
if (!formSubmitted) {
contact_popup.show();
}
}, 7000);
});
var mouseX = 0;
var mouseY = 0;
var popupCounter = 0;
document.addEventListener("mousemove", function(e) {
mouseX = e.clientX;
mouseY = e.clientY;
// document.getElementById("coordinates").innerHTML = "<br />X: " + e.clientX + "px<br />Y: " + e.clientY + "px";
});
$(document).mouseleave(function () {
if (mouseY < 100) {
if (popupCounter < 1) {
if (!formSubmitted) {
//contact_popup.show();
}
}
popupCounter ++;
}
});
$(document).ready(function(){
//Contact Form Popup
$( 'form[name="contact-popup-form-imenso"]' ).find('textarea').on( 'keyup', function() {
if($(this).val().length > 0){
var error_html_name = $(this).attr('name')+'_error';
$('.'+error_html_name).addClass('d-none');
}
});
$( 'form[name="contact-popup-form-imenso"]' ).find('input').on( 'keyup', function() {
if($(this).val().length > 0){
var error_html_name = $(this).attr('name')+'_error';
$('.'+error_html_name).addClass('d-none');
}
});
$('.loader').hide();
$( 'form[name="contact-popup-form-imenso"]' ).on( 'submit', function(event) {
var this_contact_form = $(this);
event.preventDefault();
$('.loader').show();
var flagError = 0;
contactReset();
if (contact_phone.value.trim()) {
if (itiContact.isValidNumber()) {
contact_phone_full = itiContact.getNumber();
$('#contact_phone_full').val(contact_phone_full);
$('#contact_phone_error').html('');
} else {
$('.loader').hide();
contact_phone.classList.add("error");
const errorCode = itiContact.getValidationError();
$('#contact_phone_error').html(contactErrorMap[errorCode]);
$('#contact_phone_error').removeClass('d-none');
$('#contact_phone_full').val('');
flagError = 1;
}
}
if(flagError == 0){
grecaptcha.ready(function () {
grecaptcha.execute('6LcOMP4mAAAAAGfEgSuFmoRaSHUwo8pPV8UFKOUj', {action: 'submit'}).then(function (token) {
$('#contact_g_recaptcha_response').val(token);
//this_contact_form.find('button').attr('type','button');
var contact_name = this_contact_form.find('input[name="contact_name"]').val();
var contact_email = this_contact_form.find('input[name="contact_email"]').val();
var contact_country = $("#contactUsMailForm").find("input[name='country_code']").val();
var contact_ip = $("#contactUsMailForm").find("input[name='user_ip']").val();
var contact_phone_full = this_contact_form.find("input[name='contact_phone_full']").val();
var lead_from_page = $("#contactUsMailForm").find("input[name='lead_from_page']").val();
var g_recaptcha_response = $("#contact_g_recaptcha_response").val();
var new_data = {user_id:'1',new_name:'ggg'};
//console.log(new_data);
if(!this_contact_form.find('.error_msg1').hasClass('d-none')){
this_contact_form.find('.error_msg1').addClass('d-none');
this_contact_form.find('.error_msg1').html('');
}
this_contact_form.find('.error_msg1').addClass('d-none');
//contact_form_data.push( { "name" : "action", "value" : 'CONTACT_form' } );
$.ajax({
url: '../contact_popup_form_submit.php',
type : 'post',
dataType: 'json',
data : {contact_name: contact_name, contact_email: contact_email, contact_country: contact_country, contact_ip: contact_ip, contact_phone_full: contact_phone_full, lead_from_page: lead_from_page, g_recaptcha_response: g_recaptcha_response},
success : function( response ) {
$('.loader').hide();
this_contact_form.find('button').attr('type','submit');
if(response.status == 'error'){
if(response.contact_name_error){
this_contact_form.find('.contact_name_error').removeClass('d-none');
this_contact_form.find('.contact_name_error').html(response.contact_name_error);
}
if(response.contact_email_error){
this_contact_form.find('.contact_email_error').removeClass('d-none');
this_contact_form.find('.contact_email_error').html(response.contact_email_error);
}
if(response.contact_phone_error){
this_contact_form.find('.contact_phone_error').removeClass('d-none');
this_contact_form.find('.contact_phone_error').html(response.contact_phone_error);
}
if(response.g_recaptcha_response_error){
this_contact_form.find('.g_recaptcha_response_error').removeClass('d-none');
this_contact_form.find('.g_recaptcha_response_error').html(response.g_recaptcha_response_error);
}
if(response.msg.length){
this_contact_form.find('.contact_common_error').removeClass('d-none');
this_contact_form.find('.contact_common_error').html(response.msg);
}
}
if(response.status == 'success'){
localStorage.setItem('formSubmitted', 'true');
this_contact_form.find('input').val('');
//window.location.href = response.redirect_to;
contact_popup.hide();
}
},
fail : function( err ) {
$('.loader').hide();
this_contact_form.find('.common_error').removeClass('d-none');
this_contact_form.find('.common_error').html(err);
this_contact_form.find('button').attr('type','submit');
}
});
});
});
return false;
}
});
});
</script>