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-bs-toggle="modal" 
data-bs-target="#fenetre1">Etiam Nibh Dolor</button> 
<!-- Fenêtre modale --> 
<div class="modal fade" id="fenetre1" tabindex="-1" 
aria-labelledby="titrefenetre" aria-hidden="true"> 
  <div class="modal-dialog"> 
    <div class="modal-content"> 
      <div class="modal-header"> 
        <h5...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
L'accordéon
Suivant
Les roues de chargement