Widget:ModalLink

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

Texte du lien

×

<a href="/index.php/" class="modal-trigger-" style="cursor:pointer;"></a>

       ×
       <iframe src="/index.php?title=&action=render" style="width:100%; height:100%; border:none; margin-top:20px; flex-grow:1;"></iframe>

<script> (function() {

   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.display = 'none';
       }
   });

})(); </script>