Widget:ModalLink

De WikiFiction
Version datée du 27 septembre 2026 à 17:50 par Admin (discussion | contributions)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)

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

- « 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>

<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>