XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Modal Fenster zum Anfang geschlossen halten (http://xhtmlforum.de/showthread.php?t=74116)

seerose 10.07.2020 13:34

Modal Fenster zum Anfang geschlossen halten
 
hier ich mal das Beispiel von
https://css-tricks.com/considerations-styling-modal

eingebaut, wir erreiche ich dass das Fenster beim Start geschlossen bleibt,
und nur über den open Button geöffnet wird?

Nachtrag:
ich habe im js nun hinter
var openButton = document.querySelector("#open-button");
2 Zeilen geschrieben.

modal.classList.toggle("closed");
modalOverlay.classList.toggle("closed");
so wir es beim start geschlossen, aber wenn man es im CSS ändert kann wäre es cooler

cloned 13.07.2020 09:13

Du musst einfach im HTML die Klasse "closed" zum modal und zum modaloverlay hinzufügen. Nichts anderes macht zumindest dein Javascript.


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:07 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023