Fenêtres:Boîtes de messages Javascript
Un article de WikiTuto.
Sommaire |
Explication
Les alertes
L'interaction avec le visiteur de notre site est parfois utile pour lui promulguer des informations nécessaires dont il doit absolument être informé. L'objet window contient des méthodes qui affichent des boîtes de dialogues afin de répondre à de tels besoins. JavaScript possède trois types différents de boîtes de dialogue nommées alertes, invite et confirmation.
La boîte de dialogue la plus simple est l'alerte. Cette boîte permet d'afficher une string voulue qui apparaît aussi avec un triangle d'avertissement ( ! ) et un bouton OK pour la fermer. La syntaxe d'une alerte est bien simple, il s'agit d'envoyer à la méthode window.alert() la string voulue en paramètre.
Exemple
<input type="button" value="Afficher une alerte"
onClick="alert('Voici ma string mise entre apostrophes ! ');"/>
Les invites ou boîtes de saisie
Les alertes sont suffisantes afin de faire remarquer un message au visiteur.. mais lorsqu'on souhaite obtenir de lui une réponse à une question, il faut lui fournir un champ de saisie à l'aide d'une boîte de style invite. La boîte de saisie contient un bouton OK ainsi qu'un bouton Annuler et bien sûr un champ de texte.
La méthode utilisée est le prompt() qui accepte deux paramètres. Le premier est le texte affiché dans la boîte et le second sert à définir une réponse par défaut. Lorsque l'usager clique sur le bouton OK, le texte entrée dans la boîte de saisie est retourné au script ce qui permet de conserver cette réponse dans une variable. (Si l'usager clique sur Annuler, la valeur null est retournée au script.)
Exemple
var reponse= prompt("Quel jour sommes-nous? ", "");
//Avec une réponse par défaut :
var reponse= prompt("Quel jour sommes-nous ? " , "Lundi");
Les boîtes de confirmation
Parfois, les questions qu'on désire poser à l'usager sont d'un type "confirmation", ce qui veut dire qu'on veut simplement lui demander si oui ou non il désire continuer une action entreprise. Cette boîte contient des boutons OK et Annuler servant évidemment à répondre à la question. Pour créer une telle boîte, il faut utiliser la méthode confirm() de l'objet window. Un seul paramètre est requis; le texte de la question.
La vraie utilité de cela est de garder sa valeur de retour true ou false dans une variable pour récupérer le choix de l'usager. Ainsi, on peut valider les actions choisies par l'usager. La meilleure utilité est pour confirmer un choix dans une fonction de validation.
Exemple
function ValiderEffacer()
{
var choix= confirm("Voulez-vous vraiment effacer les champs?");
if (choix)
Effacer();
}
