Upload files to "/"

2025-12-12 19:58:37 +01:00
commit 1d83a1bfcd
3 changed files with 607 additions and 0 deletions
--- a/script.js
+++ b/script.js
@@ -0,0 +1,102 @@
+// ---------- MOBILE MENU TOGGLE ----------
+const burger = document.getElementById('burger');
+const nav = document.querySelector('.nav');
+burger && burger.addEventListener('click', () => {
+  const opened = burger.getAttribute('aria-expanded') === 'true';
+  burger.setAttribute('aria-expanded', String(!opened));
+  nav.classList.toggle('open');
+});
+
+// ---------- SMOOTH SCROLL ----------
+document.querySelectorAll('a[href^="#"], button[data-scroll]').forEach(el => {
+  el.addEventListener('click', function(e){
+    const selector = this.getAttribute('href') || this.dataset.scroll;
+    if(!selector) return;
+    const target = document.querySelector(selector);
+    if(target){
+      e.preventDefault();
+      target.scrollIntoView({behavior:'smooth', block:'start'});
+    }
+  });
+});
+
+// ---------- TO TOP BUTTON ----------
+const toTop = document.getElementById('toTop');
+window.addEventListener('scroll', () => {
+  toTop.style.display = window.scrollY > 400 ? 'block' : 'none';
+});
+toTop && toTop.addEventListener('click', () => window.scrollTo({top:0, behavior:'smooth'}));
+
+// ---------- CONTACT FORM (SIMULATION) ----------
+const contactForm = document.getElementById('contactForm');
+contactForm && contactForm.addEventListener('submit', e => {
+  e.preventDefault();
+  alert('Merci — votre demande a été enregistrée (simulation). Nous vous contacterons sous 48h.');
+  contactForm.reset();
+});
+
+// ---------- MAILTO QUICK SEND ----------
+const mailtoBtn = document.getElementById('mailtoBtn');
+mailtoBtn && mailtoBtn.addEventListener('click', () => {
+  const name = encodeURIComponent(document.getElementById('name')?.value || '—');
+  const email = encodeURIComponent(document.getElementById('email')?.value || '—');
+  const phone = encodeURIComponent(document.getElementById('phone')?.value || '—');
+  const message = encodeURIComponent(document.getElementById('message')?.value || '—');
+  const subject = encodeURIComponent('Demande ImmersiHome — ' + name);
+  const body = encodeURIComponent(`Nom: ${name}\nEmail: ${email}\nTél: ${phone}\n\n${message}`);
+  window.location.href = `mailto:contact@immersihome.example?subject=${subject}&body=${body}`;
+});
+
+// ---------- NEWSLETTER SIMULATION ----------
+const nl = document.getElementById('newsletterForm');
+nl && nl.addEventListener('submit', (e) => {
+  e.preventDefault();
+  alert('Merci — vous êtes inscrit(e) à la newsletter (simulation).');
+  nl.reset();
+});
+
+// ---------- VIDEO MODAL ----------
+const openVideoBtn = document.getElementById('openVideoBtn');
+const videoModal = document.getElementById('videoModal');
+const modalClose = document.getElementById('modalClose');
+const modalBackdrop = document.getElementById('modalBackdrop');
+const modalVideo = document.getElementById('modalVideo');
+
+let lastFocusedBtn = null; // Pour restaurer le focus après fermeture
+
+function openModal(){
+  if(!videoModal) return;
+  lastFocusedBtn = document.activeElement;
+  videoModal.classList.add('open');
+  videoModal.setAttribute('aria-hidden','false');
+  modalClose.focus(); // focus sur bouton close
+  if(modalVideo){ modalVideo.currentTime = 0; modalVideo.play(); }
+}
+function closeModal(){
+  if(!videoModal) return;
+  videoModal.classList.remove('open');
+  videoModal.setAttribute('aria-hidden','true');
+  if(modalVideo){ modalVideo.pause(); modalVideo.currentTime = 0; }
+  lastFocusedBtn && lastFocusedBtn.focus(); // restaurer focus
+}
+
+openVideoBtn && openVideoBtn.addEventListener('click', openModal);
+modalClose && modalClose.addEventListener('click', closeModal);
+modalBackdrop && modalBackdrop.addEventListener('click', closeModal);
+
+// ---------- ACCESSIBILITY: CLOSE ESC ----------
+document.addEventListener('keydown', (e) => {
+  if(e.key === 'Escape') closeModal();
+});
+
+// ---------- OPTIONAL: TRAP FOCUS INSIDE MODAL ----------
+document.addEventListener('keydown', (e) => {
+  if(!videoModal.classList.contains('open')) return;
+  if(e.key === 'Tab'){
+    const focusable = videoModal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    const first = focusable[0];
+    const last = focusable[focusable.length -1];
+    if(e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); }
+    else if(!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); }
+  }
+});