aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/apps/design/building_blocks/confirmation/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/apps/design/building_blocks/confirmation/index.html')
-rw-r--r--files/fr/web/apps/design/building_blocks/confirmation/index.html86
1 files changed, 0 insertions, 86 deletions
diff --git a/files/fr/web/apps/design/building_blocks/confirmation/index.html b/files/fr/web/apps/design/building_blocks/confirmation/index.html
deleted file mode 100644
index 17d6db6553..0000000000
--- a/files/fr/web/apps/design/building_blocks/confirmation/index.html
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: Confirmation
-slug: Web/Apps/Design/Building_Blocks/Confirmation
-translation_of: Archive/B2G_OS/Firefox_OS_apps/Building_blocks/1.x/Confirmation
----
-<p><span id="result_box" lang="fr"><span class="hps">Un message</span> <span class="hps">de confirmation demande</span> <span class="hps">à l'utilisateur d'effectuer</span> <span class="hps">ou de confirmer une</span> <span class="hps">action,</span> <span class="hps">par exemple répondre</span> <span class="hps">à un message</span><span class="hps"> système</span> qui <span class="hps">demande à l'utilisateur</span> <span class="hps">de redémarrer</span> <span class="hps">l'appareil</span> <span class="hps">après un changement</span> de<span class="hps"> carte SIM</span><span>,</span> <span class="hps">ou</span> <span class="hps">demander à l'utilisateur</span> <span class="hps">d'accorder ou de</span> <span class="hps">refuser l'autorisation</span> <span class="hps">d'exécuter une tâche</span><span>.</span> <span class="hps">Consultez le guide</span> <span class="hps">de codage</span> <span class="hps">pour la </span><span class="hps">façon de</span> <span class="hps">mettre en œuvre</span> <span class="hps">ces invites</span> <span class="hps">dans votre application</span><span>.</span></span></p>
-<h2 id="Caractéristiques">Caractéristiques</h2>
-<ul>
- <li><span id="result_box" lang="fr"><span class="hps">Les invites de confirmation</span> <span class="hps">sont modales</span><span>, elles</span> <span class="hps">occupent la</span> <span class="hps">totalité de l'écran</span> <span class="hps">et nécessitent une</span> <span class="hps">intervention de l'utilisateur</span> <span class="hps">pour être fermées.</span></span></li>
- <li>Elles consistent en :
- <ul>
- <li>Un titre (facultatif)</li>
- <li>Un corps</li>
- <li>Une icône (facultative)</li>
- <li><span id="result_box" lang="fr"><span class="hps">Un bouton</span> <span class="hps">d'entrée de</span> <span class="hps">la confirmation,</span> <span class="hps">dont le label</span> <span class="hps">peut être personnalisé</span></span></li>
- <li>Un bouton Annuler, dont le label peut être personnalisé</li>
- </ul>
- </li>
-</ul>
-<h2 id="Captures_d'écran">Captures d'écran</h2>
-<p><span id="result_box" lang="fr"><span class="hps">Voici quelques</span> <span class="hps">exemples de ce à quoi</span> <span class="hps">diverses</span> <span class="hps">invites de confirmation</span> <span class="hps">peuvent ressembler.</span></span></p>
-<table class="fxosScreenGrid">
- <tbody>
- <tr>
- <td style="vertical-align: top;">
- <h3 id="Apparence_par_défaut">Apparence par défaut</h3>
- <p><img alt="" src="https://mdn.mozillademos.org/files/4805/default.png"></p>
- Ici, un {{HTMLElement("h1")}} <span id="result_box" lang="fr"><span class="hps">est utilisé pour créer</span> <span class="hps">la « confirmation »</span><span> du titre.</span>. La classe <span class="hps">delete</span> <span class="hps">est appliquée au <a href="https://developer.mozilla.org/fr/docs/Web/Apps/Design/Building_Blocks/Buton">bouton</a></span> Supprimer <span class="hps">pour l'afficher</span> <span class="hps">avec l'apparence d'un bouton Supprimer</span></span></td>
- <td style="vertical-align: top;">
- <h3 id="Avec_un_contenu_de_corps">Avec un contenu de corps</h3>
- <p><img alt="" src="https://mdn.mozillademos.org/files/4811/with-content.png"></p>
- <p><span id="result_box" lang="fr"><span class="hps">Dans cet exemple,</span> <span class="hps">un corps</span> <span class="hps">plus complexe</span> <span class="hps">est utilisé,</span> <span class="hps">avec</span> <span class="hps">une image</span> <span class="hps">et son style</span><span>.</span> <span class="hps">La classe</span> <span class="hps">« recommandé »</span> <span class="hps">est utilisée pour indiquer</span> <span class="hps">que le bouton</span> <span class="hps">« Action »</span> <span class="hps">est le</span> <span class="hps">bouton qui doit effectuer ladite action</span><span>.</span></span></p>
- </td>
- </tr>
- <tr>
- <td style="vertical-align: top;">
- <h3 id="Sans_titre">Sans titre</h3>
- <p><img alt="" src="https://mdn.mozillademos.org/files/4807/confirm-without-title.png">Cet exemple est exactement comme celui du dessus sauf qu'il n'y a pas de bloc {{HTMLElement("h1")}} pour créer un titre.</p>
- </td>
- <td style="vertical-align: top;">
- <h3 id="En_mode_d'édition">En mode d'édition</h3>
- <p><img alt="" src="https://mdn.mozillademos.org/files/4809/edit-mode.png" style="width: 320px; height: 480px;"></p>
- </td>
- </tr>
- </tbody>
-</table>
-<h2 id="Variations">Variations</h2>
-<p><span id="result_box" lang="fr"><span class="hps">Il y a quelques</span> <span class="hps">variantes sur le</span> <span class="hps">plan</span> <span class="hps">des</span> <span class="hps">invites de confirmation</span><span>,</span> <span class="hps">comme vous l'avez vu</span> <span class="hps">ci-dessus.</span> <span class="hps">Les</span> <span class="hps">maquettes</span> <span class="hps">simplifiées</span> <span class="hps">ci-dessous</span> <span class="hps">aident à clarifier</span> <span class="hps">les composants de l'invite de confirmation</span><span>,</span> <span class="hps">et montrent que</span> <span class="hps">vous</span> <span class="hps">avez le contrôle sur</span> <span class="hps">la mise en page</span> <span class="hps">du contenu.</span></span></p>
-<table class="fxosScreenGrid">
- <tbody>
- <tr>
- <td style="vertical-align: top;">
- <h3 id="Invite_de_permission">Invite de permission</h3>
- <p><img alt="" src="https://mdn.mozillademos.org/files/4813/confirm-prompt-permissions.png" style="width: 376px; height: 578px;"></p>
- <p><span id="result_box" lang="fr"><span class="hps atn">Ici, l'</span><span>icône et le titre</span> <span class="hps">sont utilisés pour identifier</span> <span class="hps">l'application</span> qui <span class="hps">demande l'autorisation</span><span>,</span> <span class="hps">et le genre de permission demandé</span><span>.</span></span></p>
- <p><span id="result_box" lang="fr"><span class="hps">Le texte du corps du document</span> <span class="hps">doit</span> <span class="hps">aller plus en détail</span> <span class="hps">sur ce que</span> <span class="hps">l'octroi de</span> <span class="hps">cette autorisation</span> <span class="hps">signifie.</span></span></p>
- </td>
- <td style="vertical-align: top;">
- <h3 id="Invite_de_confirmation_d'action">Invite de confirmation d'action</h3>
- <p><img alt="" src="https://mdn.mozillademos.org/files/4819/confirm-prompt-action-confirm.png" style="width: 327px; height: 578px;"></p>
- <p><span id="result_box" lang="fr"><span class="hps">Ce message</span> <span class="hps">simple</span> <span class="hps">confirmation</span> <span class="hps">d'action</span> <span class="hps">pose une question</span> <span class="hps">simple,</span> <span class="hps">et ne</span> <span class="hps">dispose pas d'un</span> <span class="hps">titre</span><span>.</span></span></p>
- </td>
- </tr>
- <tr>
- <td style="vertical-align: top;">
- <h3 id="Invite_de_confirmation_d'action_2">Invite de confirmation d'action</h3>
- <p><img alt="" src="https://mdn.mozillademos.org/files/4817/confirm-prompt-action-confirm-2.png" style="width: 329px; height: 578px;"></p>
- <p><span id="result_box" lang="fr"><span class="hps">Cet invite</span> <span class="hps">de confirmation</span> <span class="hps">d'action</span> <span class="hps">un peu plus complexe</span> <span class="hps">ajoute une icône</span> <span class="hps">et un titre.</span></span></p>
- </td>
- <td style="vertical-align: top;"> </td>
- </tr>
- </tbody>
-</table>
-<h2 id="Interaction">Interaction</h2>
-<h4 id="Supprimer_des_messages">Supprimer des  messages</h4>
-<p><span id="result_box" lang="fr"><span class="hps">Dans cet exemple</span><span>, une </span>invite <span class="hps">de confirmation</span> <span class="hps">est utilisée pour</span> <span class="hps">demander à l'utilisateur</span> <span class="hps">s'</span><span class="hps">il</span> est<span class="hps"> certain de vouloir</span> <span class="hps">supprimer</span> <span class="hps">les messages sélectionnés</span> <span class="hps">à partir d'une</span> <span class="hps">liste</span> <span class="hps">de courriels</span><span>.</span> <span class="hps">Appuyer sur le bouton</span> <span class="hps">« Supprimer »</span> <span class="hps">affiche l'invite </span><span>;</span> <span class="hps">la suppression</span> <span class="hps">se produit uniquement si</span> <span class="hps">l'utilisateur appuie sur</span> <span class="hps">le bouton « Supprimer » dans l'invite</span><span class="hps"> de confirmation</span><span>.</span></span></p>
-<p><img alt="" src="https://mdn.mozillademos.org/files/4821/confirm-delete-messages.png" style="width: 739px; height: 1200px;"></p>
-<h3 id="Confirmer_une_demande_de_permission">Confirmer une demande de permission</h3>
-<p><span id="result_box" lang="fr"><span class="hps">Dans cet exemple,</span> <span class="hps">l'utilisateur ouvre</span> <span class="hps">pour la première fois</span> <span class="hps">une application qui</span> <span class="hps">a besoin de</span> <span class="hps">l'autorisation d'utiliser</span> <span class="hps">le</span> <span class="hps">service de <a href="/fr/docs/Using_geolocation">géolocalisation</a></span><span>.</span> Comme<span class="hps atn"> l'</span><span>application nécessite</span> <span class="hps">l'autorisation</span> <span class="hps">pour fonctionner</span><span>, il demande</span> <span class="hps">immédiatement</span> <span class="hps">l'autorisation d'utiliser</span> <span class="hps">le</span> <span class="hps">service de localisation</span><span>.</span> <span class="hps">Lorsque</span> <span class="hps">l'utilisateur ferme</span> <span class="hps">l'invite</span> <span class="hps">en tapant</span> <span class="hps">soit</span> « <span class="hps">Ne pas autoriser »</span> <span class="hps atn">(</span><span>qui</span> <span class="hps">refuse l'autorisation</span> <span class="hps">d'utiliser</span> <span class="hps">la géolocalisation</span><span>)</span> <span class="hps">soit « </span><span class="hps">Autoriser »</span> <span class="hps atn">(</span><span>qui</span> <span class="hps">accorde la permission</span><span>)</span><span>, le message</span> <span class="hps">de confirmation</span> <span class="hps">se ferme et</span> <span class="hps atn">le choix de l'</span><span>utilisateur</span> <span class="hps">prend effet</span></span>.</p>
-<p><img alt="" src="https://mdn.mozillademos.org/files/4823/confirm-permission.png"></p>
-<p><span id="result_box" lang="fr"><span class="hps">Notez que cet exemple</span> <span class="hps">comporte une</span> <span class="hps">case à cocher dans</span> <span class="hps">l'invite de confirmation</span> <span class="hps">pour enregistrer le choix de l'utilisateur</span> <span class="hps">afin que celui-ci</span> <span class="hps">ne soit pas</span> <span class="hps">demandé</span> <span class="hps">à nouveau</span> ultérieurement.</span></p>
-<h2 id="Voir_aussi">Voir aussi</h2>
-<ul>
- <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Confirmation/Coding" title="/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Confirmation/Coding">Confirmation coding guide</a></li>
- <li><a href="/en-US/docs/Mozilla/Firefox_OS/UX" title="/en-US/docs/Mozilla/Firefox_OS/UX">Firefox OS user experience</a></li>
-</ul>