Motifs dynamiques

Les extraits de code présentés dans cette rubrique nécessitent tous le recours à des scripts javascript pour donner du dynamisme aux composants.

Accordéon

Un accordéon permet l'affichage d'une liste d'éléments empilés dont le contenu est révélé par un système de plier / déplier.

HTML
CSS
JS

Carrousel

Un carrousel est un diaporama permettant de présenter du contenu par un système de rotation ou de glissement des diapositives.

HTML
CSS
JS

Fenêtre modale

Une fenêtre modale est une fenêtre qui apparaît par-dessus la fenêtre en cours du navigateur et qui prend le contrôle total du clavier et de l'écran.

HTML
CSS
JS

Message d'alerte

Une alerte est déclenchée par un événement, tel qu'une erreur, une condition d'avertissement ou l'arrivée d'informations importantes.

HTML
CSS
JS

Message de statut

Un message statut ou de notification fournit une information ou un avertissement non critique (contrairement au message d'alerte).

HTML
CSS
JS

Onglets

Les onglets sont des affichages dynamiques de contenu dans une même zone de la page via un système d'étiquettes cliquables.

HTML
CSS
JS

Le paneau dépliant permet d'afficher ou de masquer du contenu supplémentaire via un clic sur un bouton. Contrairement à l'accordéon, le panneau dépliant ne fait pas partie d'une liste d'éléments identiques.

HTML
CSS
JS

Table des matières collante

La table des matières est une liste de liens permettant d'accéder directement à un emplacement dans la page visualisée.

HTML
CSS
JS