Nested Popup Windows
Hier zeige ich als Beispiel die Verschachtelung mehrerer Popup-Fenster. Schön und nützlich finde ich es jedoch nicht. Aus diesem Grund unterstützt Bootstrap auch keine verschachtelten Popups.
Klicke einfach auf den Link oder Button, um das nächste Fenster zu öffnen. In diesem Beispiel habe ich drei Popup-Fenster ineinander verschachtelt.
Ich verwende hier die Mobirise Erweiterung "Popup Builder".
Man kann beliebig viele Popup-Fenster erstellen. Ich habe für jedes Popup-Fenster einen Link zum nächsten Fenster gesetzt. Bitte beachtet, dass das JavaScript, das hinter dem Popup-Builder steckt, beim Schließen eines Popups die Abdunklung vollständig entfernt.
Hier habe ich zusätzlich zum Button im ersten Popup, der auf das zweite Popup verweist, auch noch einen "Bootstrap5" Schließen-Befehl hinzugefügt.
<div class="mbr-section-btn" mbr-if="showButtons" data-toolbar="-mbrBtnMove" mbr-buttons mbr-theme-style="display-4"><a class="btn btn-md btn-primary" href="#" data-app-placeholder="Type Text" data-toggle="modal" data-bs-toggle="modal" data-target="#mbr-popup-42" data-bs-target="#mbr-popup-42" data-bs-dismiss="modal">Schließen und zum Popup #2</a></div>
Um alle Fenster am dritten Popup gleichzeitig zu schließen, habe ich einen Reload (Neuladen) der gesamten Seite implementiert. Dem Button "Alle schließen" habe ich die entsprechende JavaScript-Anweisung im ... Tab des Linkfensters hinzugefügt:
javascript: location.reload();