popover mit command

[Matthias Scharwies]

Guten Morgen,

gestern hatten sich Rolf und ich über command und commandfor ausgetauscht, die bereits im Wiki gezeigt werden.

Anlass war der Tag 7 des HTMLHell-Advent Calendars:

Controlling dialogs and popovers with the Invoker Commands API

Mit ihnen kann man dialog-Elemente aber auch popovers steuern. Im Safari läuft es seit 26.2 – aber nur am Desktop.

Also ist auch so etwas möglich:

<button commandfor="additional-info"> → mehr Infos </button>

<div id="additional-info" popover>
  <h4> … </h4>
  <p> … <p>
  <button commandfor="additional-info" command="hide" class="close-btn">
    <span aria-hidden="true">X</span>
    <span class="sr-only">Schließen</span>
</button>
</div>

command ist natürlich viel kürzer als popoovertargetaction.

Es gibt eine Liste von Commands, man kann mit --my-command aber auch Custom commands deklarieren und dann etwas mit JavaScript programmieren.

stay tuned

Herzliche Grüße
Matthias Scharwies