Javascript - Boîtes de dialogue

Qu'est-ce qu'une boîte de dialogue?

Une boîte de dialogue est une fenêtre qui s'affiche au premier plan suite à un événement, et qui permet

• Soit d'avertir l'utilisateur
• Soit le confronter à un choix
• Soit lui demander de compléter un champ pour récupérer une information

Ce type de boîte est à utiliser avec parcimonie car elle oblige une action de la part de l'utilisateur, et est à terme très énervante... Les boîtes de dialogues sont toutefois un moyen simple de débugger (repérer les erreurs), en affichant à un point donné une fenêtre contenant la valeur d'une variable.

Javascript en propose trois différentes dont l'utilisation se rapporte pour chacune à une de celles décrites ci-dessus. Ce sont des méthodes de l'objet window.
Ces boîtes de dialogue ont une mention Javascript, par exemple "Javascript user prompt" pour permettre de savoir à l'utilisateur qu'il s'agit d'une boîte d'invite de la page en cours. En effet certains webmasters peu scrupuleux pourraient faire croire qu'il s'agit d'une boîte windows et récupérer le mot de passe (Suite à une erreur du fournisseur d'accès veuillez entrer votre login et votre mot de passe)...

La méthode alert()

La méthode alert() permet d'afficher dans une boîte toute simple composée d'une fenêtre et d'un bouton OK le texte qu'on lui fournit en paramètre. Dès que cette boîte est affichée, l'utilisateur n'a d'autre alternative que de cliquer sur le bouton OK.
Son unique paramètre est une chaîne de caractère, on peut donc lui fournir directement cette chaîne de caractères entre guillemets, lui fournir une variable dont il affichera le contenu, ou bien mêler les deux en concaténant les chaines grâce à l'opérateur +.

Voici sa syntaxe :

alert(nom_de_la_variable);

alert('Chaîne de caractères');

alert('Chaîne de caractères' + nom_de_la_variable);

La chaîne de caractère peut (et doit dans certains cas) contenir des caractères marqués d'un antislash (\). Par exemple, si vous voulez écrire :
Message d'alerte :
Au feu!!

Il faudra écrire le script suivant :

alert('Message d\'alerte \nAu feu!!');

Test

La méthode confirm()

La méthode confirm() est similaire à la méthode alert(), si ce n'est qu'elle permet un choix entre "OK" et "Annuler". Lorsque l'utilisateur appuie sur "OK" la méthode renvoie la valeur true. Elle renvoie false dans le cas contraire...

Elle admet comme alert() un seul paramètre: une chaîne de caractères...
Sa syntaxe est :

confirm('Chaîne de caractères');

La méthode prompt()

La méthode prompt est un peu plus évoluée que les deux précédentes puisqu'elle fournit un moyen simple de récupérer une information provenant de l'utilisateur, on parle alors de boîte d'invite. La méthode prompt() requiert deux arguments :

• le texte d'invite
• la chaîne de caractères par défaut dans le champ de saisie

Sa syntaxe est donc la suivante :

prompt('Posez ici votre question','chaîne par défaut');

Cette boîte d'invite retourne la valeur de la chaîne saisie par l'utilisateur, elle retourne la valeur null si jamais aucun texte n'est saisi...

Trucs & astuces pertinents trouvés dans la base de connaissances

12/02 01h50	convertisseur d'unités de mesures scientifiques (Javascript)
19/11 00h08	Effacer un champ de formulaire lors du clic (focus) (Javascript)
18/11 00h43	JavaScript c'est la même chose que Java (Mythes et légendes)
11/11 01h39	Coloration syntaxique dans vos pages web (Webmaster)
04/11 16h32	Interdire le clic droit de la souris (Javascript)
08/11 10h32	Lien aléatoire / Choisir un lien au hasard (Javascript)
05/11 11h53	Date de dernière modification de la page (Javascript)
Plus d'astuces sur « Javascript  »

Discussions pertinentes trouvées dans le forum

09/01 10h50	[javascript]	Webmastering	10/01 21h17->Ssylvainsab	7
02/04 16h09	[Javascript] Pb de script de MaJ auto	Windows	21/07 14h54->txiki	20
15/09 08h03	JavaScript	Windows	15/09 11h16->Erdnax	18
18/02 16h25	erreur code javascript	Windows	05/04 08h50->Erdnax	16
05/01 13h52	[php/javascript][Date] Comment obtenir l'âge	Développement	01/03 11h44->fenix51	15
14/10 14h55	Problème pour intégrer du javascript dans php	Webmastering	14/10 17h09->ratagaz	11
16/11 15h22	[Parser] : Javascript ou PHP ?	Développement	24/11 23h49->slooptoo	10
04/05 12h01	fonction PHP depuis fonction javascript	Webmastering	09/04 14h41->einstein212	9
13/05 16h48	[HTML - Javascript] Menu déroulants cascade	Webmastering	25/09 10h26->Gwen	9
03/10 11h39	[Faille sécurité] Firefox et Javascript	Virus/Sécurité	12/01 19h52->philo2100	9
Discussion fermée Problème résolu		Plus de discussions sur « Javascript  »