« Widget:ModalLink » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
Le code : | |||
''' | |||
<noinclude> | <noinclude> | ||
Widget pour ouvrir un lien interne dans une boîte modale. | Widget pour ouvrir un lien interne dans une boîte modale. | ||
| Ligne 38 : | Ligne 40 : | ||
})(); | })(); | ||
</script> | </script> | ||
''' | |||
L’appel | |||
''' | |||
Voici un exemple pour ouvrir la page des règles dans une boîte : {{#widget:ModalLink|page=Doc:Convoiteux|texte=Convoiteux}} | |||
''' | |||
L’erreur | |||
''' | |||
Erreur dans le widget ModalLink: Syntax error in template "wiki:wiki:ModalLink" on line 4 "<a href="/index.php/<!--{$page|escape:'htmlall'}-->" class="modal-trigger-<!--{$page|md5}-->" style="cursor:pointer;"><!--{$texte|default:$page|escape:'html'}--></a>" modifier 'md5' not allowed by security setting | |||
''' | |||
Version du 27 septembre 2026 à 17:27
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