Galerie

Messages et dialogues

Des bandeaux, des fenêtres modales, une confirmation Oui / Non et une saisie de nom.

Télécharger l'exempleFichier .zip depuis la dernière release GitHub.

Type : BERKIOS Code · Niveau : débutant · Fichier : messages.fr.bk

Ce que vous allez apprendre

Afficher un message d'information, de succès, d'avertissement ou d'erreur.
Demander une confirmation et réagir à la réponse.
Demander à l'utilisateur de saisir une valeur.

Avant de commencer

Avoir fait Ma première application.

Étape 1 : récupérer l'exemple

Téléchargez, décompressez et ouvrez messages.fr.bk.

Étape 2 : le code

langue français

application "Messages typés"
  version 1.0
  description "Bandeaux, fenêtres, confirmation Oui / Non et saisie"
  type interface

interface Accueil
  titre "Messages typés"
  taille 720 sur 560
  fond #f8fafc

  étiquette titre "Messages typés"
    taille du texte 24
    gras

  champ nom "Votre nom"

  bouton bienvenue "Bienvenue"
    quand on clique : afficher le message modal "Bienvenue dans BERKIOS !" titre "Bienvenue"

  bouton merci "Dire merci"
    quand on clique : afficher le message succès "Merci, c'est enregistré"

  bouton alerte "Avertir"
    quand on clique : afficher le message avertissement modal "Stock bas : 2 produits" titre "Magasin" bouton "Compris"

  bouton panne "Signaler une erreur"
    quand on clique : afficher le message erreur "Le paiement a été refusé"

  bouton supprimer "Supprimer"
    quand on clique : afficher le message confirmation "Supprimer ce client ?" titre "Suppression" boutons "Supprimer" "Garder" danger
      oui : afficher le message succès "Client supprimé"
      non : afficher le message "Suppression annulée"

  bouton demander "Saisir mon nom"
    quand on clique : afficher le message saisie "Quel est votre nom ?" dans nom

Étape 3 : vérifier et essayer

berkios valider messages.fr.bk
berkios apercu messages.fr.bk

Cliquez sur chaque bouton et observez la différence entre les messages.

Les six types de messages

Bouton	Ce que montre l'instruction
Bienvenue	`afficher le message modal "…" titre "…"` : une fenêtre au milieu de l'écran, avec un titre.
Dire merci	`afficher le message succès "…"` : un bandeau de succès.
Avertir	`avertissement modal` avec `bouton "Compris"` : une fenêtre d'avertissement et son bouton personnalisé.
Signaler une erreur	`afficher le message erreur "…"` : un bandeau d'erreur.
Supprimer	`confirmation` avec deux boutons nommés (`"Supprimer" "Garder"`) et le mot `danger` pour accentuer l'action.
Saisir mon nom	`saisie … dans nom` : une question dont la réponse est placée dans le champ `nom`.

La confirmation, en détail

quand on clique : afficher le message confirmation "Supprimer ce client ?" titre "Suppression" boutons "Supprimer" "Garder" danger
  oui : afficher le message succès "Client supprimé"
  non : afficher le message "Suppression annulée"

Les deux lignes décalées en dessous sont les branches : oui : s'exécute si l'utilisateur choisit le premier bouton, non : s'il choisit le second.

À vous de jouer

Changez le texte de la confirmation en « Supprimer ce produit ? » et adaptez les messages de réponse. Relancez l'aperçu.

Pour aller plus loin

Exemple suivant : Navigation latérale repliable
Messages côté Studio : Messages et dialogues

Cette page en Markdown · llms.txt · documentation complète pour les IA