Boites de dialogue JavaScript Popup

JavaScript a trois types de fenêtres ou boites de dialogue popup:
  • Fenêtre d'alerte
  • Fenêtre de confirmation
  • Fenêtre d'invite (Prompt dialogue)

Fenêtre d'alerte

Une boite de dialogue est utilisée si vous voulez faire apparaître une information à l'utilisateur. Quand la boite de dialogue apparaîtra, l'utilisateur clique sur "OK" pour continuer.

Exemple:
methode alert()

window.alert("message");

Fenêtre de confirmation

Une boite de dialogue de type confirmation est utilisée si vous voulez que l'utilisateur confirme un choix. Quand la boite de confirmation apparaîtra, l'utilisateur a le choix de cliquer sur "OK" ou sur "Annuler" pour continuer.
Si l'utilisateur clique sur "OK", l'opération retourne "true". Si l'utilisateur clique sur "Annuler", l'opération retourne "false".

Exemple:
méthode confirm javascript

if (confirm("Faîtes un choix!")) {
  txt = "Vous avez cliqué OK!";
} else {
  txt = "Vous avez annulé!";
}

Fenêtre d'invite

Une boite de dialogue d'invite est utilisée si vous voulez donner la possibilité à l'utilisateur de remplir ou saisir un champ de texte de type input par exemple.
Quand la fenêtre apparaîtra, l'utilisateur doit remplir ce champ et clique sur "OK" ou "Annuler" pour procéder.
Exemple:
méthode prompt javascript

var personne = prompt("Merci d'entrer votre nom et prénom", "");
if (personne== null || personne== "") {
msg= "Vous avez quitter";
} else {
msg= "Bonjour " + personne + "! Comment allez-vous?";
}



Partager cet article

Voir aussi: