« Widget:ModalLink » : différence entre les versions
Aucun résumé des modifications Balise : Révoqué |
Aucun résumé des modifications Balise : Révocation manuelle |
||
| Ligne 1 : | Ligne 1 : | ||
<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 39 : | Ligne 38 : | ||
})(); | })(); | ||
</script> | </script> | ||
Version du 27 septembre 2026 à 12:43
Widget pour ouvrir un lien interne dans une boîte modale. Syntaxe :
<a href="/wiki/" 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.style.display = 'none';
}
});
})(); </script>