Widget:DialogButton

Aus ZUM-Unterrichten
Version vom 10. Februar 2024, 21:30 Uhr von Christian (Diskussion | Beiträge) (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'} -->');…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

<dialog id="dialog_"><form method="dialog"><button autofocus>schließen</button></form></dialog> <script> (function(){

 const link = document.getElementById('dialog_button_' + );
 const dialog = document.getElementById('dialog_' + );
 if(!link){return;}
 if(!dialog){return;}
 link.addEventListener('click', function(e){
   dialog.showModal();
 }, {});

})(); </script>