Ouvrir une pop-up bootstrap avec un lien.
Résolu
Bonsoir,
J'ai trouvé il y a bien longtemps ce lien TOP :
https://bootsnipp.com/snippets/EK1G0
mais ne connaissant pas Bootstrap (j'ai le 5 sur mon site), je ne vois comment lier la fenêtre/Pop-up à un lien tel que :
J'ai trouvé il y a bien longtemps ce lien TOP :
https://bootsnipp.com/snippets/EK1G0
mais ne connaissant pas Bootstrap (j'ai le 5 sur mon site), je ne vois comment lier la fenêtre/Pop-up à un lien tel que :
<a href="www.coin.com"><img src="canard.jpg" alt="canard"/></a> Je pense que cela est simple mais ça me semble super compliqué :( Merci pour votre aide et bon week-end, LM
Configuration: Macintosh / Chrome 100.0.4896.60
2 réponses
-
ModérateurBonjour,
Il faut utiliser les data attributs
par exemple:<a type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal" href="www.coin.com"> <img src="canard.jpg" alt="canard"/> </a>
Sinon, en JS ( forum que tu as choisi... ) il faut utiliser le code
https://getbootstrap.com/docs/5.0/components/modal/#via-javascriptvar options = {}; var myModal = new bootstrap.Modal(document.getElementById('myModal'), options); var monlien = document.getElementById("id_du_lien"); monlien.addEventListener('click',function(){ myModal.show(); });
-
Merci beaucoup jordane45, je teste ASAP :)
Bon week-end !
