Méthodes de window : boîtes de dialogue

Inhaltsverzeichnis

window.alert()

La méthode window.alert nous permet l'affichage d'une boîte d'alerte dont le texte est paramétrable. Nous ne pouvons cependant modifier l'aspect de cette boîte, ni modifier le texte de l'unique bouton (OK) qui permet la fermeture de la boîte.

Associée au manipulateur d'évènement, cette boîte permet un affichage dynamique en réaction aux actions du visiteur, ou à l'ouverture/fermeture d'une page.

  1. alert ("Ceci est un message d'alerte.");

Remarques sur alert()

  • Il n'est pas nécessaire de préciser la référence complète window.alert(), alert() étant suffisant.
  • Afin de réaliser des boîtes de dialogues comportant plusieurs lignes, nous devons insérer les caractères \n pour signaler que la chaîne de caractère comprend une nouvelle ligne (comme en langage C).
  • Ces remarques sont valables pour les trois boîtes de dialogue (alert, confirm, et prompt.).

window.confirm()

Cette méthode nous permet l'affichage d'une boîte semblable à alert, mais deux boutons (OK et CANCEL) nous permettent de solliciter un choix de la part du visiteur.

  1. confirm ("Etes vous sûr de vouloir aller vers la page de test ?");

La méthode renvoie une valeur de type booléen, ce qui nous permet d'utiliser cette valeur dans une structure de contrôle if (condition){instructions;} où condition est remplacé par la méthode confirm().

  1. if (confirm("Etes vous sûr de vouloir aller vers la page d'accueil ?")){
  2. 	location.href = "https://www.gaudry.be/de/infobrol.html";
  3. }

window.prompt()

La méthode window.prompt() provoque aussi l'affichage d'un texte que nous pouvons définir, et de deux boutons (OK et CANCEL), mais propose en plus un champ texte afin que l'utilisateur puisse introduire une réponse.

Deux paramètres sont donc nécessaires:

  1. Le message à afficher.
  2. La réponse par défaut (si aucune valeur par défaut n'est nécessaire, une chaîne vide figure le deuxième paramètre.).

Valeur retournée par la méthode:

  • null si le visiteur presse le bouton cancel (la valeur null est considérée comme false dans une structure de contrôle).
  • Valeur de chaîne égale à l'entrée saisie dans le champ texte si le visiteur presse le bouton ok après avoir rempli le champ.
  • false si le visiteur presse le bouton ok sans introduire une chaîne de caractère dans le champ.
  1. var answer = prompt('Veuillez introduire votre nom :','');
  2. while(!answer){
  3. 	answer = prompt('Ce n\'est quand même pas si compliqué d\'introduire votre nom... Enfin rentrez n\'importe quoi :','');
  4. }
  5. alert ('Bravo ' + answer + '!');

En JavaScript, les chaînes de caractères sont délimitées soit par des guillemets ("), soit par des apostrophes ('), alors que dans d'autres langages seulement les guillemets sont autorisés (les apostrophes entourent alors un simple caractère). Nous pouvons voir dans ce dernier exemple que comme nous utilisons les apostrophes, nous devons faire précéder les vraies apostrophes du texte par le caractère d'échappement, le backslash (\).

Exemples d'alertes JavaScript

Le script provoque l'affichage de diverses boîtes d'alerte, mais que se passe-t-il réellement ?

Définition de la fonction

Selon la définition de la fonction test, trois valeurs (arguments) sont demandés en entrée :

  • a
  • b
  • c

Ensuite, l'exécution de la fonction provoque l'affichage d'une boîte d'alerte (alerte 1) avec l'argument a.
Lorsque cette boîte est fermée par l'utilisateur, une seconde boîte d'alerte (alerte 2) est affichée avec l'argument b.

Appels à la fonction

Le premier appel à la fonction test renvoie les trois chaînes de caractères avec les valeurs suivantes :

  • "paramètre 1"
  • "paramètre 2"
  • "paramètre 3"

Donc :

  • alerte 1 est affiché avec paramètre 1.
  • ensuite alerte 2 est affiché avec paramètre 2.
  • il n'est pas fait appel à l'argument c qui contient paramètre 3, mais l'argument est transmis même si la fonction ne le traite pas.

Le deuxième appel à la fonction test renvoie les trois chaînes de caractères avec les valeurs suivantes:

  • "paramètre 4"
  • "paramètre 5"
  • "paramètre 6"

Donc :

  • alerte 1 est affiché avec paramètre 4.
  • ensuite alerte 2 est affiché avec paramètre 5.

Deutsche Übersetzung

Sie haben gebeten, diese Seite auf Deutsch zu besuchen. Momentan ist nur die Oberfläche übersetzt, aber noch nicht der gesamte Inhalt.

Wenn Sie mir bei Übersetzungen helfen wollen, ist Ihr Beitrag willkommen. Alles, was Sie tun müssen, ist, sich auf der Website zu registrieren und mir eine Nachricht zu schicken, in der Sie gebeten werden, Sie der Gruppe der Übersetzer hinzuzufügen, die Ihnen die Möglichkeit gibt, die gewünschten Seiten zu übersetzen. Ein Link am Ende jeder übersetzten Seite zeigt an, dass Sie der Übersetzer sind und einen Link zu Ihrem Profil haben.

Vielen Dank im Voraus.

Dokument erstellt 19/03/2002, zuletzt geändert 02/11/2018
Quelle des gedruckten Dokuments:https://www.gaudry.be/de/javascript-alert.html

Die Infobro ist eine persönliche Seite, deren Inhalt in meiner alleinigen Verantwortung liegt. Der Text ist unter der CreativeCommons-Lizenz (BY-NC-SA) verfügbar. Weitere Informationen auf die Nutzungsbedingungen und dem Autor.