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...

Attention, le contenu cet article est peut-être obsolète !

Comment créer une simple fenêtre modale en Javascript

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!


Cet article vous a plu? Découvrez d'autres articles :


comments powered by Disqus