https://www.castelmaure.com/wp-content/themes/castelmaure/assets/js/script.js

1let vh = window.innerHeight * 0.01;
2var header = $('#header').innerHeight();
3let footer = $('#footer').innerHeight();
4// Then we set the value in the --vh custom property to the root of the document
5document.documentElement.style.setProperty("--vh", `${vh}px`);
6document.documentElement.style.setProperty("--header", `${header}px`);
7document.documentElement.style.setProperty("--footer", `${footer}px`);
8
9window.onresize = () => {
10	let vh = window.innerHeight * 0.01;
11	var header = $('#header').innerHeight();
12	let footer = $('#footer').innerHeight();
13
14	document.documentElement.style.setProperty("--vh", `${vh}px`);
15	document.documentElement.style.setProperty("--header", `${header}px`);
16	document.documentElement.style.setProperty("--footer", `${footer}px`);
17};
18
19$(document).ready(function () {
20	
21	var isHome = false;
22	if ($('#header').hasClass('header-home')) {
23		var isHome = true;
24	}
25	
26	// contact();
27	map();
28
29	$('#scroll-btn').on("click", function () {
30		$('html, body').animate({ scrollTop: 0 }, 'slow');
31		return false;
32	});
33
34	if (isHome) {
35		$('.header-top-left').on("click", function () {
36			$('html, body').animate({ scrollTop: 0 }, 'slow');
37			return false;
38		});
39	}
40
41	$('.nav-toggle').on("click", function () {
42		$('.nav-list').toggleClass('active');
43	});
44
45	$('.open-popup-event').on('click', function () {
46		$('#popup-legal').addClass('active');
47	});
48
49	$('.close-popup-event').on('click', function () {
50		$('#popup-legal').removeClass('active');
51	})
52
53	$(document).on('click', '#revendeur .close', function () {
54		$('#revendeur').removeClass('active');
55	});
56});
57
58$(window).on('scroll', function () {
59	scrolled_header();
60	scrolled();
61	scrollNav();
62});
63function map() {
64	$('.masque-map').mouseup(function () {
65		$('.masque-map').removeClass('active');
66		setTimeout(function () {
67			$('.masque-map').addClass('active');
68		}, 2000)
69
70	});
71
72}
73function scrolled_header() {
74	if (($(window).scrollTop() > 150)) {
75		$('#header').addClass("fixed");
76	}
77	if (($(window).scrollTop() < 1)) {
78		$('#header').removeClass("fixed");
79	}
80}
81// function contact() {
82// 	//** Send Mail Page Contact
83// 	$(document).on("submit", ".contact-form", function (e) {
84// 		e.preventDefault();
85// 		var name = $('.contact-form input[name="name"]').val();
86// 		var email = $('.contact-form input[name="email"]').val();
87// 		var message = $('.contact-form .message').val();
88// 		var ajaxurl = $('.contact-form').attr('action');
89// 		jQuery.ajax({
90// 			url: ajaxurl,
91// 			type: "POST",
92// 			data: {
93// 				action: 'send_email',
94// 				name: name,
95// 				email: email,
96// 				message: message,
97// 			},
98// 			success: function (res) {
99// 				$('.contact-form').find('input').each(function (index, el) {
100// 					$(this).val('');
101// 				});
102// 				$('.contact-form').find('textarea').val('')
103// 				$('.success').addClass('active');
104// 				setTimeout(function () {
105// 					$('.success').removeClass('active');
106// 				}, 3000)
107// 			}
108// 		});
109// 		return false;
110// 	});
111// }
112$(document).on("submit", ".contact-form", function (e) {
113    e.preventDefault();
114
115    var name = $('.contact-form input[name="name"]').val();
116    var email = $('.contact-form input[name="email"]').val();
117    var message = $('.contact-form textarea[name="message"]').val();
118    var ajaxurl = $('.contact-form').attr('action');
119
120    jQuery.ajax({
121        url: ajaxurl,
122        type: "POST",
123        data: {
124            action: 'send_email',
125            name: name,
126            email: email,
127            message: message,
128        },
129        success: function (res) {
130            if (res.success) {
131                $('.contact-form').find('input, textarea').val('');
132                $('.success').text(res.data.message).addClass('active');
133                setTimeout(function () {
134                    $('.success').removeClass('active');
135                }, 3000);
136            } else {
137                alert(res.data.message);
138            }
139        },
140        error: function (err) {
141            console.error('Erreur AJAX:', err);
142            alert('Une erreur est survenue. Veuillez réessayer.');
143        }
144    });
145});
146function scrolled() {
147	if ($(window).scrollTop() > $('#scroll-content').offset().top) {
148		$('#scroll').addClass("fixed-btn");
149	} else {
150		$('#scroll').removeClass("fixed-btn");
151	}
152
153	if ($(window).scrollTop() > $('#block-2').offset().top + $('#block-2').height() && $(window).scrollTop() < $('#block-3').offset().top) {
154		$('.medals').addClass("active");
155	} else {
156		$('.medals').removeClass("active");
157	}
158	if ($(window).scrollTop() > $('#block-9').offset().top) {
159		$('#scroll').addClass('hide-scroll');
160	} else {
161		$('#scroll').removeClass('hide-scroll');
162	}
163}
164
165function scrollNav() {
166	$header_height = $('#header').height();
167
168	var Y = $(window).scrollTop();
169	var scrollPartenaire = $('#block-8').offset().top - 120;
170	var scrollTerritoire = $('#block-6').offset().top - 120;
171	var scrollHommes = $('#block-3').offset().top - 120;
172	var scrollCave = $('#block-4').offset().top - 120;
173
174	if (Y >= scrollPartenaire) {
175		$('.menu-item').removeClass('active');
176		$('.menu-item-5').addClass('active');
177		$('#scroll').removeClass('active');
178	} else if (Y >= scrollTerritoire && Y < scrollPartenaire) {
179		$('.menu-item').removeClass('active');
180		$('.menu-item-4').addClass('active');
181		$('#scroll').addClass('active');
182	} else if (Y >= scrollCave) {
183		$('.menu-item').removeClass('active');
184		$('.menu-item-3').addClass('active');
185		$('#scroll').removeClass('active');
186	} else if (Y >= scrollHommes && Y < scrollTerritoire) {
187		$('.menu-item').removeClass('active');
188		$('.menu-item-2').addClass('active');
189		$('#scroll').addClass('active');
190	} else {
191		$('.menu-item').removeClass('active');
192		$('.menu-item-1').addClass('active');
193		$('#scroll').removeClass('active');
194	}
195}
196
197document.addEventListener("DOMContentLoaded", function () {
198    const contactSide = document.getElementById("contact-side");
199    const closeBtn = document.getElementById("close-contact");
200
201    let isManuallyClosed = false;

202
203    if (contactSide) {
204        // Afficher selon scroll
205        window.addEventListener("scroll", function () {
206            if (!isManuallyClosed) {
207                const scrollPosition = window.scrollY;
208                const triggerHeight = window.innerHeight / 4;
209
210                if (scrollPosition > triggerHeight) {
211                    contactSide.classList.add("show");
212                } else {
213                    contactSide.classList.remove("show");
214                }
215            }
216        });
217
218        // Cacher manuellement
219        if (closeBtn) {
220            closeBtn.addEventListener("click", function () {
221                contactSide.classList.remove("show");
222                isManuallyClosed = true;
223            });
224        }
225    }
226});