{"partition": "head_middle", "source_domain": "developer.mozilla.org", "digest": "sha1:UDSXXXKKEQ2VJI4HAPNIBEGRZMQFXA2R", "path": "/lustre/fsn1/projects/rech/qgz/uzq54wg/processed_redpajama/base_processing/output/fr/2014-15/000_00018.parquet"}
ModifierAdvanced
Technologies Web pour Développeurs
Designing apps
Open Web App UX building blocks
CaractéristiquesCaptures d'écranApparence par défautAvec un contenu de corpsSans titreEn mode d'éditionVariationsInvite de permissionInvite de confirmation d'actionInvite de confirmation d'actionInteractionSupprimer des messagesConfirmer une demande de permissionVoir aussi
Un message de confirmation demande à l'utilisateur d'effectuer ou de confirmer une action, par exemple répondre à un message système qui demande à l'utilisateur de redémarrer l'appareil après un changement de carte SIM, ou demander à l'utilisateur d'accorder ou de refuser l'autorisation d'exécuter une tâche. Consultez le guide de codage pour la façon de mettre en œuvre ces invites dans votre application.
Les invites de confirmation sont modales, elles occupent la totalité de l'écran et nécessitent une intervention de l'utilisateur pour être fermées.
Elles consistent en :
Un titre (facultatif)
Un corps
Une icône (facultative)
Un bouton d'entrée de la confirmation, dont le label peut être personnalisé
Un bouton Annuler, dont le label peut être personnalisé
Captures d'écran
Voici quelques exemples de ce à quoi diverses invites de confirmation peuvent ressembler.
Apparence par défaut
Ici, un <h1> est utilisé pour créer la « confirmation » du titre.. La classe delete est appliquée au bouton Supprimer pour l'afficher avec l'apparence d'un bouton Supprimer
Avec un contenu de corps
Dans cet exemple, un corps plus complexe est utilisé, avec une image et son style. La classe « recommandé » est utilisée pour indiquer que le bouton « Action » est le bouton qui doit effectuer ladite action.
Cet exemple est exactement comme celui du dessus sauf qu'il n'y a pas de bloc <h1> pour créer un titre.
En mode d'édition
Il y a quelques variantes sur le plan des invites de confirmation, comme vous l'avez vu ci-dessus. Les maquettes simplifiées ci-dessous aident à clarifier les composants de l'invite de confirmation, et montrent que vous avez le contrôle sur la mise en page du contenu.
Invite de permission
Ici, l'icône et le titre sont utilisés pour identifier l'application qui demande l'autorisation, et le genre de permission demandé.
Le texte du corps du document doit aller plus en détail sur ce que l'octroi de cette autorisation signifie.
Invite de confirmation d'action
Ce message simple confirmation d'action pose une question simple, et ne dispose pas d'un titre.
Cet invite de confirmation d'action un peu plus complexe ajoute une icône et un titre.
Supprimer des messages
Dans cet exemple, une invite de confirmation est utilisée pour demander à l'utilisateur s'il est certain de vouloir supprimer les messages sélectionnés à partir d'une liste de courriels. Appuyer sur le bouton « Supprimer » affiche l'invite ; la suppression se produit uniquement si l'utilisateur appuie sur le bouton « Supprimer » dans l'invite de confirmation.
Confirmer une demande de permission
Dans cet exemple, l'utilisateur ouvre pour la première fois une application qui a besoin de l'autorisation d'utiliser le service de géolocalisation. Comme l'application nécessite l'autorisation pour fonctionner, il demande immédiatement l'autorisation d'utiliser le service de localisation. Lorsque l'utilisateur ferme l'invite en tapant soit « Ne pas autoriser » (qui refuse l'autorisation d'utiliser la géolocalisation) soit « Autoriser » (qui accorde la permission), le message de confirmation se ferme et le choix de l'utilisateur prend effet.
Notez que cet exemple comporte une case à cocher dans l'invite de confirmation pour enregistrer le choix de l'utilisateur afin que celui-ci ne soit pas demandé à nouveau ultérieurement.
Confirmation coding guide
Firefox OS user experience
Pièces jointes This document has no attachments. Images can be attached, and then embedded in the article.
Joint par
confirm: default
106185 octets
confirm: without title
confirm: edit mode
28278 octets
confirm: with content
variation: permissions
confirm: action confirmation 2
variation: action confirmation 1
interaction: delete messages
interaction: confirm permission
Étiquettes et contributeurs liés au document
Contributeurs ayant participé à cette page : Omnilaika02, Goofy Dernière mise à jour par :
29 oct. 2013 08:00:36