Widget:ModalLink

De WikiFiction

Le code :

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


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

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

L’appel Voici un exemple pour ouvrir la page des règles dans une boîte :

L’erreur Erreur dans le widget ModalLink: Syntax error in template "wiki:wiki:ModalLink" on line 4 "<a href="/index.php/" class="modal-trigger-" style="cursor:pointer;"></a>" modifier 'md5' not allowed by security setting