Dynamic-Mess.com


"The world is a dynamic mess of jiggling things..."

Créer une fenêtre modale simplement avec Javascript

Article posté le 05-08-2015 dans la catégorie JavaScript, JQuery...

Il s'agit du cas très simple où vous souhaitez demander une confirmation à l'utilisateur avant d'effectuer une action: une petite fenêtre modale "Question : Oui/Non".

Dans notre exemple, imaginons un lien pour supprimer un article. En cas de fausse manoeuvre, il vaut mieux demander une confirmation. On va donc préciser un attribut onclick dans le lien :

<a onclick="return demandeConfirmation()" href="supprime.php">Supprimer l'article</a>

Et voici votre code JavaScript, le contenu de la fonction demandeConfirmation() :

var resultat;
if (confirm("Etes-vous sûr de vouloir supprimer cet article?") == true) {
return true;
}
return false;
}

Très très simple.

A noter qu'avec jQuery, vous pouvez faire des choses beaucoup plus poussées. N'oublier pas aussi que ce petit bout de code JavaScript ne vous protège pas contre les attaques de type CSRF!


Tweet
comments powered by Disqus