Les fenêtres modales COMPOSANTS D’INTERFACE:Fenêtre modale

1. L’objectif FENÊTRE MODALE:Insérer

Les fenêtres modales sont très utilisées dans les interfaces d’administration pour avertir l’utilisateur d’une action importante. Ces fenêtres apparaissent suite à une action de l’utilisateur, comme par exemple cliquer sur un bouton de suppression. L’utilisateur ne peut qu’utiliser un élément d’interaction dans cette fenêtre, avant de faire autre chose. Comme toujours, vous pouvez aussi utiliser les fenêtres modales dans vos sites web.

Le dossier à télécharger pour ces exemples est nommé 08-Interface-11.

2. Une fenêtre modale simple FENÊTRE MODALE:Simple

Voici le code utilisé pour cette fenêtre modale simple :

<!-- Bouton d'affichage --> 
<button type="button" class="btn 
btn-primary" data-toggle="modal" data-target="#fenetre1">Etiam Nibh 
Dolor</button> 
  
<!-- Fenêtre modale --> 
<div class="modal fade" id="fenetre1" tabindex="-1" 
role="dialog" aria-labelledby="titrefenetre" 
aria-hidden="true"> 
        <div class="modal-dialog" role="document"> 
                <div class="modal-content"> 
               ...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
L'accordéon
Suivant
Les roues de chargement