Flux rss
Collection CommentÇaMarche.net
Bookmark Ajouter aux favoris / Partager

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

Dernière modification le mardi 14 octobre 2008 à 17:40:36.Ce document intitulé « Javascript - les boîtes de dialogue » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.

Boite de dialogue Excel et macro Bonjour, Je recherche comment faire une boite de dialogue avec 3 cases a cocher, et suivant les cases cocher ça imprimer les pages. Sur la feuille 1, 2 et 3 je met un bouton "Imprimer" Quand je clic sur celui-ci je souhaiterais qu'une boite de... www.commentcamarche.net/forum/affich-5186395-boite-de-dialogue-excel-et-macro
VBScript - Les 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... www.commentcamarche.net/contents/vbscript/vbs-msgbox.php3
[Windows] Personnaliser la boîte de dialogue 'Enregistrer' Personnaliser la boîte de dialogue "Enregistrer" ou "Enregistrer sous..." de Windows (XP ou 2000); Plus précisément, il s'agit de personnaliser la colonne de gauche, contenant par défaut les raccourcis (icônes) "Mes documents récents", "Bureau", "Mes... www.commentcamarche.net/faq/sujet-2947-windows-personnaliser-la-boite-de-dialogue-enregistrer
[Messagerie] Pirater une boite mail (msn, hotmail, yahoo...)Vous avez le stupide projet de pirater une boîte mail et vous cherchez la procédure à suivre pour le faire ? Vous êtes donc la cible idéale pour jouer le rôle de l'arroseur arrosé. NE TOMBEZ PAS DANS CE PIÈGE En effet, en ce moment circule sur les... www.commentcamarche.net/faq/sujet-1881-messagerie-pirater-une-boite-mail-msn-hotmail-yahoo
Bien choisir son boîtier PCVous avez envie de relooker votre PC ou d’en assembler un ? Avant de s’attacher aux caractéristiques esthétiques, il convient de vérifier un certain nombre de points en fonction de l’usage que vous en ferez. Un boîtier PC n’est pas qu’une simple... www.commentcamarche.net/faq/sujet-15273-bien-choisir-son-boitier-pc
Javascript - Modifier la hauteur (height) d'un élément HTMLPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il... www.commentcamarche.net/faq/sujet-11740-javascript-modifier-la-hauteur-height-d-un-element-html
VBA Excel Boite de dialogueBonjour à tous 1) comment faire pour interrompre la macro pour saisir des infos, après la boite de dialogue ci-dessous et comment reprendre la macro? MsgBox "Placez vos informations dans la feuille", vbOKOnly + vbInformation, " Actuellement, qund je... www.commentcamarche.net/forum/affich-2346428-vba-excel-boite-de-dialogue
[Macro Excel] boite de dialogueQuestion bête Comment, dans une macro sous excel, on fait une boîte de dialogue permet la saisie d'une information ? D'avance merci www.commentcamarche.net/forum/affich-2156679-macro-excel-boite-de-dialogue
Vb excel boite de dialogueBonjour, J ai creer une boite de dialogue via vb excel et un "textbox" sur cette boite de dialogue. Lorsque la boite de dialogue s'affiche, l'utilisateur doit saisir une date dans le "textbox" et je voudrais que la date s'affiche dans une cellule... www.commentcamarche.net/forum/affich-2703751-vb-excel-boite-de-dialogue
Télécharger JavaScript ObfuscatorJasob JavaScript Obfuscator est un logiciel de protection de code Javascript. Il intègre une interface simple. Il vous permet de convertir votre code Javascript en un code incompréhensible pour l’homme mais lisible pour le navigateur. Le logiciel... www.commentcamarche.net/telecharger/telecharger-34056889-javascript-obfuscator
Télécharger La boite a couleursLa Boîte à Couleurs est une application pour Windows écrite par Benjamin Chartier. Comme son nom l'indique, il offre des outils pour choisir, convertir ou modifier une couleur. Le programme supporte notamment les modèles de couleur : RGB, HLS, HSV,... www.commentcamarche.net/telecharger/telecharger-34055480-la-boite-a-couleurs
Javascript - Les événementsQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est... www.commentcamarche.net/contents/javascript/jsevent.php3
Javascript - Les variablesLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,... www.commentcamarche.net/contents/javascript/jsvar.php3
Javascript - Introduction au langage JavascriptQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des... www.commentcamarche.net/contents/javascript/jsintro.php3