Servus!

Lieber Matthias,

Ich hätte es evtl in Web Components als <confirm-dialog> angelegt. Was hältst du davon?

Siehe hier: https://www.webcomponents.org/element/jifalops/confirm-dialog

auf der Seite lädt bei mir die Live-Demo nicht.

Bei mir auch nicht. Ich hatte nur nach deinem Problem gesucht. Das war die einzige Realisierung mit Web Components. Es gab mehrere Links, die auf entsprechende Lösungen in Frameworks verwiesen.

Auf der Github-Seite konnte ich es dann ausprobieren. Aber einen Confirm-Dialog wollte ich ja gezielt nicht, weil der den Rest der Seite unerreichbar macht.

Wenn Du einen Button hast und dann nachfragst, ob jemand sicher ist, ist das imho ein confirm.

Ja, ein dialog-Element (und auch das JS-eigene confirm() sind modal, d.h. dass die Webseite kurzzeitig inaktiv ist, bis der dialog beendet ist.

Das Widget sollte nur an dieser Stelle eine Nachfrage stellen, ohne den Benutzer zu zwingen, weiter damit zu interagieren.

Du hast ja das gleiche Problem schon hier lösen wollen: JavaScript/Tutorials/Eigene_modale_Dialogfenster

Hier hatte @Gunnar Bittersmann erkannt, dass du ja eigentlich nicht-modale Dialoge anbieten willst.

Deshalb biete ich jetzt <nonmodal-confirm> als Name an.

Matthias' Idee einer Web-Component klingt auch verlockend - aber kann man die so einfach selbst mit Styles erweitern? Da bin ich noch nicht so im Thema drin.

Ja, das ist ja die Idee von Web Components, dass man ein Element hinzufügt, das wie video (mit dem eingebauten control-Elementen) oder input type="range" mit dem Schieberegler Kindelemente hat, die fest im Shadow Dom gekapselt sind.

Natürlich kann man die mit Styles erweitern! Evtl würde ich anstelle der im Stylesheet festgelegten Farben für Warnungen und ok Systemfarben verwenden?

Herzliche Grüße

Matthias Scharwies