Popup confirm personnalisé

Bonjour a tous,

Je cherche a réinventer la roue ! Je cherche à reproduire la fonction confirm de Javascript ! En effet cela peut me servir pour un site web, pour avoir une personnalisation totale et en plus je n'arrive pas a comprend le principe de cette fonction !!

Voila la version javascript natif !

Code:

---

1 2 3 4 5

if(confirm("Message")){ //Si confirmer }else{ //Si annuler }

---

Je cherche a faire la meme chose de mon coté

Code:

---

1 2 3 4 5

function confirm_popup(pMessage){ //Affiche la popup de confirmation avec un bouton Ok et Annuler affiche_popup(); //Seulement apres je ne vois pas du tout comment proceder ! }

---

En effet, quand ma fonction va s'executer elle va afficher la popup mais comment réagir pour renvoyer true ou false en fonction d'une action qui se fera après (onclick sur Ok ou Annuler)

J'ai creusé du coté des Callbacks mais je n'ai pas vraiment compris le principe. Est ce la bonne solution ? Dois je creuser plus de ce coté ?

Je ne cherche pas un code tout fait ou je ne comprend rien mais une piste de réflexion que je développerais moi avec mon ami Google.

je suis vraiment perdu entre cette fonctions et l'evenement onClick des deux boutons qui retournera la valeur voulus !

Merci a tous

Tu peux créer un div qui viendra se superposer à ta page. On appelle ça une "modal popup".

Tu trouveras des informations ici : http://sohtanaka.developpez.com/tuto...css-et-jquery/

Merci pour cette réponse, mais cela ne résout pas mon problème, en effet j'ai réussi l'affichage de la popup ce qui me manque c'est le renvois des actions de celle ci, si il clique sur Annuler renvois false, si il clique sur Ok renvois true.

Pour préciser ma penser, j'arrive a afficher la popup, j'arrive a gérer l’événement onclick sur les boutons c'est mettre en lien tout cela pour arriver a une fonction.

C'est effectivement un truc assez complexe à mettre en place qui demande des connaissances assez poussées en programmation : pouvoir appeler une fonction avec des paramètres ! :aie:

Code:

---

1 2	<button onclick="mafonction(true)">Oui</button> <button onclick="mafonction(false)">Non</button>

---

Code:

---

1 2 3 4 5 6 7 8

mafonction(reponse){ if(reponse){ alert('Oui'); } else{ alert('Non'); } }

---