https://sprimont2018.be/arbopixLG/js/popupHandler.js

1// popupHandler.js
2
3// Variable globale pour stocker l'ID du timeout
4var popupTimeout;
5
6function showPopup(content) {
7  var popup = document.getElementById('popup');
8  if (!popup) {
9    console.error("L'élément avec l'ID 'popup' n'a pas été trouvé.");
10    return;
11  }
12
13  // Mettre à jour le contenu du popup avec le texte fourni
14  popup.innerHTML = content;
15  
16  // Afficher le popup
17  popup.style.display = 'block';
18  
19  // Si un timeout existe déjà, on le réinitialise pour que le popup reste visible la durée souhaitée
20  if (popupTimeout) {
21    clearTimeout(popupTimeout);
22  }
23  
24  // Programmez la fermeture automatique du popup après dureeMilliSec ms
25  popupTimeout = setTimeout(function() {
26    popup.style.display = 'none';
27  }, dureeMilliSec);
28  
29  // Ajout d'un écouteur pour fermer le popup au clic
30  // L'option { once: true } garantit que cet événement est pris en compte une seule fois par appel
31  popup.addEventListener('click', function() {
32    popup.style.display = 'none';
33  }, { once: true });
34}