Widget:DialogButton: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
(Die Seite wurde neu angelegt: „<dialog id="dialog_<!-- {$dialog_id|escape:'htmlall'} -->"><!-- {$inhalt} --><form method="dialog"><button autofocus>schließen</button></form></dialog><span 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'} -->');…“) |
KKeine Bearbeitungszusammenfassung |
||
| (11 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<dialog id="dialog_<!-- {$dialog_id|escape:'htmlall'} -->"><!-- {$inhalt} --><form method="dialog"><button autofocus>schließen</button></form></dialog><span id="dialog_button_<!-- {$dialog_id|escape:'htmlall'} -->"><!-- {$link} --></span> | <includeonly><dialog class="zum-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 5px 5px -3px rgba(0, 0, 0, 0.2), | |||
0px 8px 10px 1px rgba(0, 0, 0, 0.14), | |||
0px 3px 14px 2px rgba(0, 0, 0, 0.12);"> | |||
<!--{$inhalt}--> | |||
<form | |||
style="display:flex;" | |||
method="dialog" | |||
padding="0.5rem 0" | |||
><button | |||
class="" | |||
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> | <script> | ||
(function(){ | (function(){ | ||
const link = document.getElementById('dialog_button_' + '<!-- {$dialog_id|escape:'htmlall'} -->'); | const link = document.getElementById('dialog_button_' + '<!--{$dialog_id|escape:'htmlall'}-->'); | ||
const dialog = document.getElementById('dialog_' + '<!-- {$dialog_id|escape:'htmlall'} -->'); | const dialog = document.getElementById('dialog_' + '<!--{$dialog_id|escape:'htmlall'}-->'); | ||
if(!link){return;} | if(!link){return;} | ||
if(!dialog){return;} | if(!dialog){return;} | ||
| Zeile 10: | Zeile 25: | ||
}, {}); | }, {}); | ||
})(); | })(); | ||
</script> | </script></includeonly> | ||
