Ouvrir une pop-up bootstrap avec un lien.

Résolu
lamontange Messages postés 130 Date d'inscription   Statut Membre Dernière intervention   -  
lamontange Messages postés 130 Date d'inscription   Statut Membre Dernière intervention   -
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 :
<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
A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

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-javascript
var options = {};
var myModal = new bootstrap.Modal(document.getElementById('myModal'), options);

var monlien = document.getElementById("id_du_lien");
monlien.addEventListener('click',function(){
    myModal.show();
});


1
lamontange Messages postés 130 Date d'inscription   Statut Membre Dernière intervention   6
 
Merci beaucoup jordane45, je teste ASAP :)
Bon week-end !
1
lamontange Messages postés 130 Date d'inscription   Statut Membre Dernière intervention   6
 
Merci, ça fonctionne... bon, j'ai du mal avec Bootstrap mais ce n'était pas la question ;)
Merci encore !
0