ROCKET APPARTAMENTO TCA

document.addEventListener("DOMContentLoaded", function() { const hotspots = document.querySelectorAll(".hotspot"); const panels = document.querySelectorAll(".info-panel"); const leftColumn = document.getElementById("tooltips_left"); const rightColumn = document.getElementById("tooltips_right"); const isMobile = window.innerWidth { hotspot.addEventListener("click", function() { console.log("Clic sur hotspot", index); // IMPORTANT : Retirer active de TOUS les hotspots et panneaux hotspots.forEach(h => h.classList.remove("active")); panels.forEach(p => { p.classList.remove("active"); console.log("Panneau", p.id, "classe active retirée"); }); // Ajouter active au hotspot cliqué this.classList.add("active"); const target = this.dataset.target; const panel = document.querySelector(target); console.log("Target:", target); console.log("Panel trouvé:", panel); if (panel) { panel.classList.add("active"); console.log("Panneau", panel.id, "activé"); if (isMobile) { leftColumn.classList.add("mobile-hidden"); rightColumn.classList.add("mobile-visible"); } } }); }); // Boutons de fermeture if (isMobile) { panels.forEach(panel => { if (!panel.querySelector(".close-panel")) { const closeBtn = document.createElement("button"); closeBtn.className = "close-panel"; closeBtn.innerHTML = "×"; closeBtn.onclick = function(e) { e.stopPropagation(); // Empêcher la propagation console.log("Fermeture panneau"); // Retirer toutes les classes active panels.forEach(p => p.classList.remove("active")); leftColumn.classList.remove("mobile-hidden"); rightColumn.classList.remove("mobile-visible"); }; panel.insertBefore(closeBtn, panel.firstChild); } }); } });