File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/mangotreecourtyard.com/Mussoorie/js/contact.js
Back
/* JS Document */ /****************************** [Table of Contents] 1. Vars and Inits 2. Set Header 3. Init Menu 4. Init Search 5. Init Date Picker 6. Init Custom Select 7. Init Google Map ******************************/ $(document).ready(function() { "use strict"; /* 1. Vars and Inits */ var map; setHeader(); initMenu(); initSearch(); initDatePicker(); initCustomSelect(); // initGoogleMap(); $(window).on('resize', function() { setHeader(); setTimeout(function() { $(window).trigger('resize.px.parallax'); }, 375); }); $(document).on('scroll', function() { setHeader(); }); /* 2. Set Header */ $('#btnSubmit').on('click', function(){ submitRequest(); }); function setHeader() { var logoOverlay = $('.logo_overlay'); var menuOverlay = $('.menu_overlay'); if($(window).scrollTop() > 290) { logoOverlay.addClass('scrolled'); menuOverlay.addClass('scrolled'); } else { logoOverlay.removeClass('scrolled'); menuOverlay.removeClass('scrolled'); } } /* 3. Init Menu */ function initMenu() { if($('.menu').length && $('.hamburger').length) { var menu = $('.menu'); var hamburger = $('.hamburger'); hamburger.on('click', function() { menu.toggleClass('active'); }); } } /* 4. Init Search */ function initSearch() { if($('.search_panel').length) { var panel = $('.search_panel'); var btn = $('.search_button'); var close = $('.search_close'); btn.on('click', function() { panel.addClass('active'); }); close.on('click', function() { panel.removeClass('active'); }); } } /* 5. Init Date Picker */ function initDatePicker() { if($('.datepicker').length) { var datePickers = $('.datepicker'); datePickers.each(function() { var dp = $(this); // Uncomment to use date as a placeholder // var date = new Date(); // var dateM = date.getMonth() + 1; // var dateD = date.getDate(); // var dateY = date.getFullYear(); // var dateFinal = dateM + '/' + dateD + '/' + dateY; var placeholder = dp.data('placeholder'); dp.val(placeholder); dp.datepicker(); }); } } /* 6. Init Custom Select */ function initCustomSelect() { var x, i, j, selElmnt, a, b, c; x = document.getElementsByClassName("custom-select"); for (i = 0; i < x.length; i++) { selElmnt = x[i].getElementsByTagName("select")[0]; a = document.createElement("DIV"); a.setAttribute("class", "select-selected"); a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; x[i].appendChild(a); b = document.createElement("DIV"); b.setAttribute("class", "select-items select-hide"); for (j = 1; j < selElmnt.length; j++) { c = document.createElement("DIV"); c.innerHTML = selElmnt.options[j].innerHTML; c.addEventListener("click", function(e) { var y, i, k, s, h; s = this.parentNode.parentNode.getElementsByTagName("select")[0]; h = this.parentNode.previousSibling; for (i = 0; i < s.length; i++) { if (s.options[i].innerHTML == this.innerHTML) { s.selectedIndex = i; h.innerHTML = this.innerHTML; y = this.parentNode.getElementsByClassName("same-as-selected"); for (k = 0; k < y.length; k++) { y[k].removeAttribute("class"); } this.setAttribute("class", "same-as-selected"); break; } } h.click(); }); b.appendChild(c); } x[i].appendChild(b); a.addEventListener("click", function(e) { e.stopPropagation(); closeAllSelect(this); this.nextSibling.classList.toggle("select-hide"); this.classList.toggle("select-arrow-active"); }); } function closeAllSelect(elmnt) { var x, y, i, arrNo = []; x = document.getElementsByClassName("select-items"); y = document.getElementsByClassName("select-selected"); for (i = 0; i < y.length; i++) { if (elmnt == y[i]) { arrNo.push(i) } else { y[i].classList.remove("select-arrow-active"); } } for (i = 0; i < x.length; i++) { if (arrNo.indexOf(i)) { x[i].classList.add("select-hide"); } } } document.addEventListener("click", closeAllSelect); } function submitRequest() { var formData = { CheckIn: $('#checkIn').val(), CheckOut: $('#checkOut').val(), NoOfAdults: $('#adults').val(), NoOfChildrens: $('#children').val(), NoOfRooms: $('#rooms').val(), CustomerName: $('#name').val(), CustomerEmail: $('#email').val(), CustomerPhoneNo: $('#phone').val(), AgeOfChildren: $('#age').val(), Message: $('#message').val(), AuthKey: "dcbc5d8e-8e44-4295-81f6-cf689f55643e", }; console.log(formData); let data = JSON.stringify(formData); $.ajax({ url: "https://trex.gsnsols.com/trex-test-v2-apis/api/misc/SendBookingRequest", dataType: "json", type: "POST", contentType: "application/json", //jsonpCallback: "logResults", //contentType: 'text/javascript', // data: { data: JSON.stringify(formData) }, data: JSON.stringify({data: JSON.stringify(formData)}) }); alert('Thank you for reaching out. Your request has been received and someone should reach out to you shortly. Have a nice day ahead...'); return data; } /* 7. Init Google Map */ // function initGoogleMap() // { // var myLatlng = new google.maps.LatLng(30.322843, 78.032931); // var mapOptions = // { // center: myLatlng, // zoom: 14, // mapTypeId: google.maps.MapTypeId.ROADMAP, // draggable: true, // scrollwheel: false, // zoomControl: true, // zoomControlOptions: // { // position: google.maps.ControlPosition.RIGHT_CENTER // }, // mapTypeControl: false, // scaleControl: false, // streetViewControl: false, // rotateControl: false, // fullscreenControl: true, // styles: // [ // { // "featureType": "road.highway", // "elementType": "geometry.fill", // "stylers": [ // { // "color": "#ffeba1" // } // ] // } // ] // } // // Initialize a map with options // map = new google.maps.Map(document.getElementById('map'), mapOptions); // // Re-center map after window resize // google.maps.event.addDomListener(window, 'resize', function() // { // setTimeout(function() // { // google.maps.event.trigger(map, "resize"); // map.setCenter(myLatlng); // }, 1400); // }); // } });
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings