Vorlage:Autorenbox und Widget:DialogButton: Unterschied zwischen den Seiten
Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
KKeine Bearbeitungszusammenfassung Markierungen: Manuelle Zurücksetzung Visuelle Bearbeitung: Gewechselt |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
<includeonly><dialog style="padding: 0;border:0" onmousedown="event.target==this && this.close()" id="dialog_<!--{$dialog_id|escape:'htmlall'}-->"> | |||
<div style="padding: 0.5rem 1rem;box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); | |||
}"> | |||
== | <!--{$inhalt}--> | ||
<form | |||
style="display:flex;" | |||
: | method="dialog" | ||
padding="0.5rem 0" | |||
><button | |||
: | class="oo-ui-buttonElement-button" | ||
style="margin-left:auto;" | |||
:; | autofocus>schließen</button> | ||
</form> | |||
</div> | |||
</dialog><span style="cursor:pointer" id="dialog_button_<!--{$dialog_id|escape:'htmlall'}-->"><!--{$link}--></span> | |||
<script> | |||
(function(){ | |||
const link = document.getElementById('dialog_button_' + '<!--{$dialog_id|escape:'htmlall'}-->'); | |||
const dialog = document.getElementById('dialog_' + '<!--{$dialog_id|escape:'htmlall'}-->'); | |||
if(!link){return;} | |||
if(!dialog){return;} | |||
link.addEventListener('click', function(e){ | |||
dialog.showModal(); | |||
}, {}); | |||
; | })(); | ||
</script></includeonly> | |||
; | |||
; | |||