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 - 2 avr. 2022 à 17:35

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

Afficher la suite

2 réponses

jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830

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();
});

Réponse 2 / 2
lamontange Messages postés 130 Date d'inscription Statut Membre Dernière intervention 6

Merci beaucoup jordane45, je teste ASAP :)
Bon week-end !
1
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

Ouvrir une pop-up bootstrap avec un lien.

2 réponses

Discussions similaires

Newsletters