Attribut popover
Définition et Utilisation
L'attribut popover définit un élément comme un élément popover, ce qui signifie que lorsqu'il est invoqué, il sera placé au-dessus du contenu sans interférer avec la position des autres éléments HTML.
Un élément popover sera invisible jusqu'à ce qu'il soit activé par un autre élément. Cet autre élément doit avoir un attribut popovertarget dont la valeur fait référence à l'ID de l'élément popover.
L'élément popover sera superposé à tout autre contenu, et en cliquant sur l'élément popovertarget, l'élément popover basculera entre l'affichage et la dissimulation :
Bonjour
L'élément popover peut être un seul élément HTML ou une section entière d'éléments HTML. Voir les exemples ci-dessous.
S'applique à
L'attribut popover est un Attribut Global , et peut être utilisé sur n'importe quel élément HTML, à condition que l'élément soit modifiable.
| Élément | Attribut |
|---|---|
| Tous les éléments HTML | popover |
Exemples
Exemple
Ajoutez un élément <h1> avec un attribut popover et un bouton pour l'afficher/masquer :
<h1 popover id="myheader">Bonjour</h1>
<button popovertarget="myheader">Cliquez sur moi !</button> Exemple
Utilisez un élément DIV comme élément popover :
<div popover id="mydiv">
<h2>Popover</h2>
<hr>
<p>Un popover est un élément qui est placé au-dessus de tout le reste.</p>
<p>Il peut être utilisé lorsque vous souhaitez communiquer quelque chose d'important.</p>
</div> Support des navigateurs
| Attribut | |||||
|---|---|---|---|---|---|
| popover | 114 | 114 | 125 | 17 | 100 |