js carte home

web/modules/custom/q2d_mod/assets/js/carte-interactive-qdd.js

@@ -11,6 +11,8 @@ const isNodeTypeSitePage = document.body.classList.contains('node-type-site');
 
 // Identifier le cercle de la page courante pour node-type-site
 let currentPageCircle = null;
+let lastHoveredCircle = null; // Variable pour conserver le dernier cercle survolé
+
 if (isNodeTypeSitePage) {
     const body = document.querySelector('body');
     const pageIdMatch = body.className.match(/node-id-(\d+)/);
@@ -46,6 +48,12 @@ svgElement.addEventListener('mouseover', function(event) {
         // Interaction pour la page d'accueil
         if (isHomePage) {
             showPopup(content);  // Affiche le popup
+            if (lastHoveredCircle && lastHoveredCircle !== event.target) {
+                lastHoveredCircle.setAttribute('fill', 'black'); // Remettre le dernier cercle survolé en noir
+            }
+            event.target.setAttribute('fill', 'red'); // Met le cercle en rouge
+            lastHoveredCircle = event.target; // Mettre à jour le cercle survolé
+        
         }
 
         // Interaction pour la page #lessites
@@ -73,7 +81,8 @@ svgElement.addEventListener('mouseout', function(event) {
 
         // Ferme le popup pour la page d'accueil
         if (isHomePage) {
-            closePopup();
+            // closePopup();
+            return;
         }
 
         // Supprime la bordure rouge autour du .views-row pour la page #lessites
@@ -88,6 +97,7 @@ svgElement.addEventListener('mouseout', function(event) {
     }
 });
 
+
 // Gérer les clics pour la page node-type-site uniquement
 svgElement.addEventListener('click', function(event) {
     if (isNodeTypeSitePage) {
@@ -174,3 +184,4 @@ if (isLessitesPage) {
 
     
 }
+