https://softpixel.pl/js/dz.ajax.js

1/*
2Abstract : Ajax Page Js File
3File : dz.ajax.js
4#CSS attributes: 
5	.dzForm : Form class for ajax submission. 
6	.dzFormMsg  : Div Class| Show Form validation error/success message on ajax form submission
7
8#Javascript Variable
9.dzRes : ajax request result variable
10.dzFormAction : Form action variable
11.dzFormData : Form serialize data variable
12
13*/
14
15function contactForm()
16{
17	window.verifyRecaptchaCallback = function (response) {
18        $('input[data-recaptcha]').val(response).trigger('change');
19    }
20
21    window.expiredRecaptchaCallback = function () {
22        $('input[data-recaptcha]').val("").trigger('change');
23    }
24	'use strict';
25	var msgDiv;
26	$(".dzForm").submit(function(e)
27	{
28		e.preventDefault();	//STOP default action
29		$('.dzFormMsg').html('<div class="gen alert alert-success">Submiting..</div>');
30		var dzFormAction = $(this).attr('action');
31		var dzFormData = $(this).serialize();
32		
33		$.ajax({
34			method: "POST",
35			url: dzFormAction,
36			data: dzFormData,
37			dataType: 'json',
38			success: function(dzRes){
39				if(dzRes.status == 1){
40					msgDiv = '<div class="gen alert alert-success">'+dzRes.msg+'</div>';
41				}
42				
43				if(dzRes.status == 0){
44					msgDiv = '<div class="err alert alert-danger">'+dzRes.msg+'</div>';
45				}
46				$('.dzFormMsg').html(msgDiv);
47				$('.dzForm')[0].reset();
48                grecaptcha.reset();
49			}
50		})
51	});
52	
53	
54	setInterval(function(){
55		$('.dzFormMsg .alert').hide(1000);
56	}, 10000);
57	
58	
59	/* This function is for mail champ subscription START*/
60	
61	$(".dzSubscribe").submit(function(e)
62	{
63		e.preventDefault();	//STOP default action
64		var dzFormAction = $(this).attr('action');
65		var dzFormData = $(this).serialize();
66		$.ajax({
67			method: "POST",
68			url: dzFormAction,
69			data: dzFormData,
70			dataType: 'json',
71		  success: function(dzRes) {
72			if(dzRes.status == 1){
73				msgDiv = '<p style="color: #34A853">'+dzRes.msg+'</p>';
74			}
75			if(dzRes.status == 0){
76				msgDiv = '<p style="color: #EA4335">'+dzRes.msg+'</p>';
77			}
78			$('.dzSubscribeMsg').html(msgDiv);
79			$('.dzSubscribe')[0].reset();
80		  }
81		})
82	});
83	
84	setInterval(function(){
85		$('.dzSubscribeMsg p').hide(1000);
86	}, 5000);
87	
88	/* This function is for mail champ subscription END*/
89	
90}
91
92
93
94/* google map function custom */
95function init_map() {
96	var myOptions = {
97		zoom: 10,
98		center: new google.maps.LatLng(51.5073509, -0.12775829999998223),
99		mapTypeId: google.maps.MapTypeId.ROADMAP,
100		// This is where you would paste any style found on Snazzy Maps.
101		styles: [ 
102		{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},
103		{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},
104		{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},
105		{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},
106		{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},
107		{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},
108		{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},
109		{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},
110		{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},
111		{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},
112		{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},
113		{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},
114		{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}
115		]
116	};
117	/* Let's also add a marker while we're at it */
118	var map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);
119	marker = new google.maps.Marker({
120		map: map,
121		position: new google.maps.LatLng(51.5073509, -0.12775829999998223)
122	});
123	
124	/* marker on click show infowindow */
125	infowindow = new google.maps.InfoWindow({
126		content: '<strong>Title</strong><br>London, United Kingdom<br>'
127	});
128	google.maps.event.addListener(marker, 'click', function() {
129		infowindow.open(map, marker);
130	});
131}
132
133
134if($("#gmap_canvas").length > 1) {
135	google.maps.event.addDomListener(window, 'load', init_map);
136}
137
138
139
140jQuery(document).ready(function() {
141    'use strict';
142	contactForm();
143})