Ouvrir une pop-up bootstrap avec un lien.

Résolu/Fermé

lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 - 1 avril 2022 à 21:57
lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 - 2 avril 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

A voir également:

Boostrap pop up
Serveur pop - Guide
Sketch up - Télécharger - 3D
Up to box - Guide
Tune up - Télécharger - Utilitaires
Quizz up - Télécharger - Jeux vidéo

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
1 avril 2022 à 22:09

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 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 6
2 avril 2022 à 10:50

Merci beaucoup jordane45, je teste ASAP :)
Bon week-end !

lamontange Messages postés 133 Date d'inscription jeudi 3 décembre 2020 Statut Membre Dernière intervention 29 septembre 2023 6
2 avril 2022 à 17:35

Merci, ça fonctionne... bon, j'ai du mal avec Bootstrap mais ce n'était pas la question ;)
Merci encore !

Ouvrir une pop-up bootstrap avec un lien.

2 réponses

Discussions similaires

Newsletters