Discussion :

[Asdorve]

Bonjour,

Est-il possible en javascript d'avoir une fenêtre popup personnalisée, avec 2 boutons "Contient" et "Ne contient pas"?

Merci

Xavier

[Watilin]

Avec les méthodes natives des navigateurs, tu es limité à window.prompt ou window.confirm.
Mais tu peux créer toi-même une « fausse popup » de type lightbox, en html, qui viendra recouvrir temporairement le contenu de ta page. Et là tu n’es limité que par ton imagination

[Asdorve]

Merci pour ces indications.
Pour ouvrir une fenêtre, ok pas de problème. Mais ce qui me pose un problème, c'est de récupérer la valeur du bouton sur lequel l'utilisateur aura cliqué.

[Watilin]

C’est quoi comme type de bouton ? Quand tu utilises un gestionnaire d’évènement ou un attribut onclick, tu as une référence sur ton bouton avec l’objet this. Par exemple :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button onclick="console.log(this)">Clic</button>

[Asdorve]

Bonjour,

C'est une application de recherche. Je peux sélectionner des mots clés dans un tableau, et quand je clique sur un mot, j'ai la popup "contient" ou "ne contient pas". En fonction de mon choix, je le traite d'une manière ou d'une autre.

[Watilin]

Essaye déjà de faire quelque chose à partir de cet exemple avec onclick.

Si je t'ai demandé le type du bouton, je parlais de sa nature si tu préfères : est-ce que c'est un élément <button> comme dans mon exemple, ou bien un <input>, ou un lien <a>. L'instruction pour récupérer sa valeur va dépendre de ça.

[Asdorve]

J'ai déjà fait quelque chose.
J'ai dans un tableau une liste de composants. Lorsque je cliques sur chaque lien href, je lance une fonction qui m'affiche le message: "Contient (ok pour oui, annuler pour non)".
J'aurais aimé à la place de "ok" et "annuler" avoir 2 boutons "contient" et "ne contient pas."

[Watilin]

Je te le répète, tu ne pourras pas faire ça avec les méthodes natives. Il faut le faire en HTML. Tu as un framework dans ta page (jQuery ou autre) ?

[Asdorve]

J'ai juste ça en en-tête:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

[Watilin]

Dans jQuery-UI tu as le widget Dialog que tu peux appeler avec l’option buttons pour avoir des boutons personnalisés.

[Asdorve]

Je viens d'appliquer ça, et ça fonctionne très bien.

Merci pour ton aide.

A bientôt!