Javascript - Les boîtes de dialogue
Voici un petit rappel sur les boîtes de dialogue :
alert()
La méthode alert() n’est pas très évoluée : elle affiche une boîte avec un texte et un seul bouton : “OK”

La syntaxe :
Voir le codeJAVASCRIPT | |
1 | <script type="text/javascript"><!--mce:0--></script> |
confirm()
La méthode confirm() est un peu plus évolué que la méthode alert(), elle nous laisse un choix ! Evidement 2 boutons : “OK” et “Annuler” afin de faire ce choix ^^

La syntaxe :
Voir le codeJAVASCRIPT | |
1 | <script type="text/javascript"><!--mce:1--></script> |
Quelques astuces :
Pour passer une ligne dans le texte de la boîte de dialogue, il suffit d’ajouter : \n
Voir le codeJAVASCRIPT | |
1 | <script type="text/javascript"><!--mce:2--></script> |
L’intérêt des méthodes prompt() et confirm() est réel.
Exemple 1 :
Dans l’administration d’un site, vous avez la possibilité de gérer des utilisateurs. Le fait de cliquer sur “supprimer l’utilisateur” déclenche alors une fonction javascript avec l’affichage d’une boîte de dialogue confirm() demandant la confirmation avant de supprimer le membre et redirige vers la page de traitements :
Voir le codeJAVASCRIPT | |
1 | <script type="text/javascript"><!--mce:3--></script> |
Exemple 2 :
Toujours dans cette même administration, vous avez la possibilité de modifier le nom de ce membre. En cliquant su le nom du membre, on ouvre une boîte de dialogue prompt() comportant le nom actuel dans le champ de saisie :
Voir le codeJAVASCRIPT | |
1 | <script type="text/javascript"><!--mce:4--></script> |
Une dernière précision : javascript étant interprété par le navigateur, il est impossible de modifier l’apparence des boîtes de dialogue.



aucun commentaire
Utilisez le formulaire suivant pour laisser un commentaire :
Laissez un commentaire :