HTML/Attribute/popover

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Das popover-Universalattribut wird verwendet, um ein Element als Popover-Element zu kennzeichnen.

Solche Elemente sind mit display:none versteckt, bis ein steuerndes Element (ein 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

Infobox/Tooltips mit Popover

Weblinks

WHATWG: the popover attribute

Abgerufen am 21.11.2025
von "http://wiki.selfhtml.org/wiki/HTML/Attribute/popover"