HTML/Attribute/popover

Browserunterstützung
caniuse.com

Das popover-Universalattribut ist ein Teil der Popover Schnittstelle und wird verwendet, um ein Element als Popover-Element zu kennzeichnen.

Solche Elemente werden vom Browser mit display:none versteckt, bis ein Button (button oder input type="button" mit einem popovertarget-Attribut) den Popover auslöst oder bis HTMLElement.showPopover() aufgerufen wird.

Geöffnet erscheinen Popover über der Webseite im Top-Layer und werden nicht durch die Positon der Elternelemente beeinflusst.

erlaubte Werte	auto light dismiss, ein Klick auf die darunterliegende Webseite schließt das Popover manual benötigt explizites Verlassen durch Button
default-Wert	auto
erlaubt in	allen HTML-Elementen

Beispiel

<div id="additional-info" popover>
  <h4> … </h4>
  <p> … <p>
</div>

Ein div erhält ein popover-Attribut. Ohne Wertzuweisung lässt es sich mit einem light dismiss durch einen Klick auf andere Elemente schließen.

Siehe auch

• 

  Tooltips mit Popover
  • Popover API
  • Anchor Position

  Neu! Revolutionär!
  
  Popups ohne Programmieren!

   
• 

  Flyout-Menü

  Popover mit animiertem Toggle-Button
  ohne JavaScript!

   
• 

  Popover mit JavaScript steuern

  alert(), prompt() und confirm() durch nichtmodale Dialoge ersetzen

   

Weblinks

• WHATWG: the popover attribute
• MDN: popover Attribute

Liste der HTML-Attribute

• Universalattribute
  • accesskey
  • contenteditable
  • class
  • closedby
  • command
  • commandfor
  • data-*
  • dir
  • draggable
  • enterkeyhint
  • hidden
  • id
  • inputmode
  • itemprop
  • lang
  • nonce
  • on*
  • part
  • popover
  • popovertarget
  • popovertargetaction
  • role
  • slot
  • spellcheck
  • style
  • tabindex
  • title
  • translate
• Aria-Attribute
• Formular-Attribute
• Listen-Attribute
• Medien-Attribute
• Meta-Attribute
• Tabellen-Attribute
• Verweis-Attribute
• obsolet oder gelöscht