I-Frame Interaktion

[Gunnar Bittersmann]

@@Der HTML-MAN

Könnte man - ob per JavaScript oder (Wenn es geht) per HTML ist egal - den I-Frame so schreiben, dass er nur dann erscheint, wenn ein Button angeklickt wurde?

Eine JavaScript-freie Lösung wäre, keinen Button, sondern einen Anker-Link zum Iframe vorzusehen (den man natürlich so stylen kann, dass er wie ein Button aussieht).

<a href="#myIframe">Iframe anzeigen</a>
<iframe id="myIframe" …></iframe>

Per :target-Pseudoklassenselektor wird der Iframe versteckt, wenn er nicht angewählt wurde:

#myIframe:not(:target) { display: none }

Damit auch Screenreader die geänderte Sichtbarkeit mitbekommen, ist womöglich noch ein ARIA-Attribut nötig.

LLAP 🖖