Prochainement
Un nouveau site web WordPress est en cours de construction et sera bientôt publié
// ── Navigation entre pages ──────────────────────────────────────
function showPage(pageId, btn) {
document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
const page = document.getElementById('page-' + pageId);
if (page) {
page.classList.add('active');
window.scrollTo({top:0, behavior:'smooth'});
}
if (btn) {
document.querySelectorAll('.demo-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
} else {
const map = {
accueil:0, chalets:1, reserver:2, activites:3,
evenements:4, galerie:5, apropos:6, faq:7, contact:8
};
const btns = document.querySelectorAll('.demo-btn');
btns.forEach(b => b.classList.remove('active'));
if (map[pageId] !== undefined) btns[map[pageId]]?.classList.add('active');
}
return false;
}
// ── Navbar scroll ────────────────────────────────────────────────
const nav = document.getElementById('site-nav');
window.addEventListener('scroll', () => {
if (window.scrollY > 60) nav.classList.add('scrolled');
else nav.classList.remove('scrolled');
});
// ── Tabs chalets ─────────────────────────────────────────────────
function switchChalet(idx, btn) {
for (let i = 0; i < 3; i++) {
const el = document.getElementById('chalet-' + i);
if (el) el.style.display = i === idx ? 'block' : 'none';
}
document.querySelectorAll('.chalet-tab').forEach((t,i) => {
t.classList.toggle('active', i === idx);
});
window.scrollTo({top: 72 + 50, behavior:'smooth'});
}
// ── Tabs saisons ─────────────────────────────────────────────────
function switchSaison(saison, btn) {
document.querySelectorAll('.saison-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
document.querySelectorAll('.activite-card').forEach(card => {
if (saison === 'toutes') {
card.style.display = 'block';
} else {
const s = card.dataset.saison || 'toutes';
card.style.display = (s === saison || s === 'toutes') ? 'block' : 'none';
}
});
}
// ── FAQ accordion ────────────────────────────────────────────────
function toggleFaq(item) {
const wasOpen = item.classList.contains('open');
document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));
if (!wasOpen) item.classList.add('open');
}
// ── Galerie filtres ───────────────────────────────────────────────
document.querySelectorAll('.galerie-btn').forEach(btn => {
btn.addEventListener('click', function() {
document.querySelectorAll('.galerie-btn').forEach(b => b.classList.remove('active'));
this.classList.add('active');
});
});
// ── Formulaire contact ────────────────────────────────────────────
function handleSubmit(e) {
e.preventDefault();
const btn = e.target.querySelector('button[type=submit]');
btn.textContent = '✓ Message envoyé! On vous répond sous 24h.';
btn.style.background = '#1E5631';
btn.disabled = true;
}
// ── FAQ cat buttons ───────────────────────────────────────────────
document.querySelectorAll('.faq-cat-btn').forEach(btn => {
btn.addEventListener('click', function() {
document.querySelectorAll('.faq-cat-btn').forEach(b => b.classList.remove('active'));
this.classList.add('active');
});
});
// ── Prevent default sur liens # ──────────────────────────────────
document.querySelectorAll('a[href="#"]').forEach(a => {
a.addEventListener('click', e => e.preventDefault());
});