« Widget:ModalLink » : différence entre les versions

← Modification précédente Modification suivante →

Version du 27 septembre 2026 à 12:54

Widget pour ouvrir un lien interne dans une boîte modale. Syntaxe :

   var trigger = document.querySelector('.modal-trigger-');
   var modal = document.getElementById('modal-box-');
   var closeBtn = document.querySelector('.modal-close-');

   trigger.addEventListener('click', function(e) {
       e.preventDefault(); // Empêche le navigateur d'ouvrir le lien normalement
       modal.style.display = 'flex';
   });

   closeBtn.addEventListener('click', function() {
       modal.style.display = 'none';
   });

   window.addEventListener('click', function(e) {
       if (e.target == modal) {
           modal.style.style.display = 'none';
       }
   });

})(); </script>

@@ Ligne 1 : / Ligne 1 : @@
 <noinclude>
 Widget pour ouvrir un lien interne dans une boîte modale.
-Syntaxe : {{#widget:ModalLink|page=Doc:Convoiteux|texte=Convoiteux}}
+Syntaxe : {{#widget:ModalLink|page=Nom_De_La_Page|texte=Texte du lien}}
 </noinclude>