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>

Aktuelle Version vom 10. Februar 2024, 22:17 Uhr