Widget:Dialog-js: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 3: | Zeile 3: | ||
const run = ()=>{ | const run = ()=>{ | ||
document.querySelectorAll('[data-dialog-opener-id]').forEach((elem) => { | document.querySelectorAll('[data-dialog-opener-id]').forEach((elem) => { | ||
if(elem. | if(elem.dataset.dialogOpenerAdded === 'true'} { return; } | ||
const dialogId = elem. | const dialogId = elem.dataset.dialogOpenerId; | ||
const dialog = document.getElementById(dialogId); | const dialog = document.getElementById(dialogId); | ||
elem. | elem.dataset.dialogOpenerAdded = 'true'; | ||
elem.addEventListner('click', (ev) => { | elem.addEventListner('click', (ev) => { | ||
dialog.showModal(); | dialog.showModal(); |
Version vom 11. Februar 2024, 10:11 Uhr
<script> (function(){
const run = ()=>{ document.querySelectorAll('[data-dialog-opener-id]').forEach((elem) => { if(elem.dataset.dialogOpenerAdded === 'true'} { return; }
const dialogId = elem.dataset.dialogOpenerId; const dialog = document.getElementById(dialogId);
elem.dataset.dialogOpenerAdded = 'true'; elem.addEventListner('click', (ev) => { dialog.showModal(); }); }); };
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", run);
} else {
run();
} })(); </script>