Widget:ModalLink

Widget pour ouvrir une page du wiki dans une boîte modale (contenu épuré via action=render). Syntaxe :

Convoiteux

×

- « texte » est optionnel (défaut : nom de la page). - Utilisable plusieurs fois sur la même page, sans réglage. - Sans JavaScript, le lien s'ouvre normalement (repli gracieux).

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

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

<script> (function() {

   var root = document.currentScript.previousElementSibling;
   var overlay = root.querySelector('.wf-modal-overlay');
   var trigger = root.querySelector('.wf-modal-trigger');
   var closeBtn = root.querySelector('.wf-modal-close');

   function open(e) {
       if (e) e.preventDefault();
       overlay.style.display = 'flex';
       document.body.style.overflow = 'hidden';
   }
   function close() {
       overlay.style.display = 'none';
       document.body.style.overflow = ;
   }

   trigger.addEventListener('click', open);
   closeBtn.addEventListener('click', close);
   overlay.addEventListener('click', function(e) {
       if (e.target === overlay) close();
   });
   document.addEventListener('keydown', function(e) {
       if (e.key === 'Escape' && overlay.style.display !== 'none') close();
   });

})(); </script>