bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

js carte home

This commit is contained in:
ouidade 2024-11-08 12:00:04 +01:00
parent 18acb86b14
commit 06be58cdeb
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css
View File

@ -38,7 +38,7 @@
z-index: 1000; z-index: 1000;
text-align: left; text-align: left;
padding-left: 1rem; padding-left: 1rem;
pointer-events: none; /* pointer-events: none; */
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#sites-map-container #popup { #sites-map-container #popup {
@ -58,7 +58,7 @@
font-family: 'gilroy-bold'; font-family: 'gilroy-bold';
} }
#sites-map-container a { #sites-map-container a {
display: none; /* display: none; */
align-items: center; align-items: center;
color: white; color: white;
background: black; background: black;

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

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