diff options
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.html | 86 |
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> |