Attribut HTML popover

Définition et utilisation

popover L'attribut définit l'élément comme un élément pop-up, ce qui signifie que lorsqu'il est appelé, il sera placé au-dessus du contenu, sans interférer avec la position des autres éléments HTML.

L'élément pop-up restera invisible jusqu'à ce qu'il soit appelé par un autre élément. Un autre élément doit avoir un attribut popovertarget whose value refers to the id of the pop-up element.

L'élément pop-up sera placé au-dessus de tout autre contenu, et en cliquant sur l'élément popovertarget, l'élément pop-up peut être affiché ou masqué :

Bonjour

Un élément pop-up peut être un seul élément HTML comme dans l'exemple ci-dessus, ou un ensemble complet d'éléments HTML comme dans l'exemple suivant.

Veuillez également consulter :

Manuel HTML :Attribut HTML Input popovertarget

Manuel HTML :Attribut HTML Input popovertargetaction

Exemple

Exemple 1

Ajoutez un élément <h1> avec l'attribut popover et un bouton pour le montrer/cacher :

<h1 popover id="myheader">Bonjour</h1>
<button popovertarget="myheader">Cliquez-moi !</button>

Essayez-le vous-même

Exemple 2

Utilisez un élément div en tant qu'élément de fenêtre contextuelle :

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Une fenêtre contextuelle est un élément placé au-dessus de tous les autres éléments.</p>
  <p>Vous pouvez l'utiliser lorsque vous souhaitez informer de quelque chose d'important.</p>
</div>

Essayez-le vous-même

Syntaxe

<element popover>

Valeur de l'attribut

popover C'est un attribut binaire. Si il est configuré, il indique que l'élément est un élément de fenêtre contextuelle.

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Non pris en charge 17 100