HTMLify

document.addEventListener('DOMContentLoaded', () => { const tabBtns = document.querySelectorAll('.tab-btn'); const searchPanes = document.querySelectorAll('.search-pane'); tabBtns.forEach(btn => { btn.addEventListener('click', () => { tabBtns.forEach(b => b.classList.remove('active')); searchPanes.forEach(p => p.classList.remove('active')); btn.classList.add('active'); const targetId = btn.getAttribute('data-target'); const targetPane = document.getElementById(targetId); if(targetPane) { targetPane.classList.add('active'); } }); }); const hamburger = document.querySelector('.hamburger'); const navMenu = document.querySelector('.nav-menu'); if(hamburger && navMenu) { hamburger.addEventListener('click', () => { if(navMenu.style.display === 'flex') { navMenu.style.display = 'none'; } else { navMenu.style.display = 'flex'; navMenu.style.flexDirection = 'column'; navMenu.style.position = 'absolute'; navMenu.style.top = '80px'; navMenu.style.left = '0'; navMenu.style.width = '100%'; navMenu.style.background = '#ffffff'; navMenu.style.padding = '2rem'; navMenu.style.boxShadow = '0 10px 15px rgba(0,0,0,0.1)'; } }); } const authModal = document.getElementById('authModal'); const publishModal = document.getElementById('publishModal'); const openAuthModal = document.getElementById('openAuthModal'); const openPublishModal = document.getElementById('openPublishModal'); const closeModals = document.querySelectorAll('.close-modal'); if(openAuthModal && authModal) { openAuthModal.addEventListener('click', (e) => { e.preventDefault(); authModal.classList.add('active'); }); } if(openPublishModal && publishModal) { openPublishModal.addEventListener('click', (e) => { e.preventDefault(); publishModal.classList.add('active'); }); } closeModals.forEach(btn => { btn.addEventListener('click', () => { if(authModal) authModal.classList.remove('active'); if(publishModal) publishModal.classList.remove('active'); }); }); window.addEventListener('click', (e) => { if(e.target === authModal) authModal.classList.remove('active'); if(e.target === publishModal) publishModal.classList.remove('active'); }); const authForm = document.getElementById('authForm'); if(authForm) { authForm.addEventListener('submit', (e) => { e.preventDefault(); alert('Connexion réussie sur FlambeauHome ! Bienvenue.'); authModal.classList.remove('active'); authForm.reset(); }); } const publishForm = document.getElementById('publishForm'); if(publishForm) { publishForm.addEventListener('submit', (e) => { e.preventDefault(); alert('Votre annonce ou école a été soumise avec succès ! Elle sera publiée après vérification par notre équipe.'); publishModal.classList.remove('active'); publishForm.reset(); }); } });