HTML popover Attribut
Exemple
Ajoutez un élément <h1> avec un attribut popover et un bouton pour l'afficher ou le masquer :
<h1 popover id="myheader">Bonjour</h1>
<button popovertarget="myheader">Cliquez sur moi !</button> 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 invoqué par un autre élément. Ce dernier 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 comme dans l'exemple ci-dessus, ou une section entière d'éléments HTML comme dans l'exemple ci-dessous.
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 | Non supporté | 17 | 100 |
Syntaxe
< élément popover> Valeurs des Attributs
L'attribut popover est un attribut booléen. S'il est présent, il indique que cet élément est un élément popover.
Pages Associées
HTML Input attribut popovertarget
HTML Input attribut popovertargetaction