Widget:ModalLink
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