Création d'un pop up Bootstrap mais sur un input

Bonjour à tous,

Je m'explique, je suis en train de coder sur Django et je suis sur le code html et je voudrais faire un pop-up sur un input, mais qui n'est pas un bouton, mais j'appuie bien sur la touche entrée pour lancée une recherche de commande, j'ai essayé de suivre les tutos sur le net, mais il ne fonctionne qu'avec des boutons et ce que je ne veux pas.

Merci de vos réponses par avance.

Bonjour,
Il faudrait que tu en dises plus. Tu veux faire l'appel d'une modal qui ne s'enclenches pas en appuyant sur un bouton. Pas de soucis par contre tu veux donc que la modal s'enclenches directement en appuyant sur le bouton enter?
C'est dangereux car à chaque fois que tu vas appuyer sur le bouton tu risques d'appeler ta modal mais c'est faisable.
Il faudrait du coup que tu regardes dans les événement déclencheurs en js
Bonne journée

Salut

Citation:

---

Envoyé par azaouali

...
je voudrais faire un pop-up sur un input, mais qui n'est pas un bouton
...

---

As tu une idée du type de cette input ? car il en existe au moins une vingtaine.

Bonjour,

Merci pour vos réponses, pour vous répondre à vos questions oui, ce sera un modal Bootstrap et l'input est un input de type texte et non, je viens de rajouter un bouton, mais ça ne fonctionne pas et pour ce faire, je voudrais prendre la valeur du input et la comparer à une base de donnée par exemple si j'ai un numéro de commande 480558 qui n'est pas dans la base de donnée alors il me revoit le modal.

J'ai codé cette partie, mais je n'arrive pas à faire apparaître le modal et je ne comprends pas pourquoi.


Mais je code en Django mais voici le bout de code en html et j'ai une question y a t'il un moyen de faire apparaitre le modal sans input mais le faire apparaître comme pop-up ?:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

{% extends 'polls/base.html' %}   {% block tableau %} {% for rows in search %} <tr> {% for row in rows %} {% if row in rows %} <td>{{row}}</td> {% elif row in not rows %} <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> Le Numéro de commande est faux ! </div> </div> </div> {% else %} Rien ne marche à l'aide :) {% endif %} {% endfor %} {% block content %}   {% endblock %} </tr> {% endfor %} {% endblock %}

---