zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Modal Fenster zum Anfang geschlossen halten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.07.2020, 13:34
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 88
seerose befindet sich auf einem aufstrebenden Ast
Standard 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

Geändert von seerose (10.07.2020 um 13:41 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.07.2020, 09:13
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Du musst einfach im HTML die Klasse "closed" zum modal und zum modaloverlay hinzufügen. Nichts anderes macht zumindest dein Javascript.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Sicher ganz leichte Fragestellung htmln00b CSS 5 16.02.2018 06:41
Text in einem neuen Fenster schreiben Saxxon Javascript & Ajax 2 14.03.2015 10:08
virtuelles Fenster erstellen The Hit-Man CSS 17 06.08.2009 15:18
Stu Nicholls Pulldown / float bei zu kleinem Fenster? Dwarf CSS 5 24.01.2007 14:50
Formular posten und gleichzeitg neues Fenster aufmachen Ares (X)HTML 0 17.11.2006 14:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:00 Uhr.