Fenster beim Klicken eines Buttons öffnen

[Tim]

Hallo, ich versuche gerade einen button zu erstellen, wo sich ein fenster öffnet wenn man ihn klickt. Das ganze soll ungefähr so aussehen

Danke für jede hilfe!

 

[JR Cologne]

Hallo!
Was sind denn deine bisherigen Ansätze? Gibt es schon Quellcode?

Es ist immer deutlich besser und hilfreicher, wenn schon etwas Konkretes vorliegt, wodrauf man aufbauen kann.

 

[Tim]

Nein, ich wollte eher eine vorlage oder sowas haben, bin in javascript noch ein anfänger, bräuchte das hier aber eher schnell und kann daher nicht warten bis ich besser in javascript bin.

 

[Mat]

Wie auch in deinem anderen Post, hier eine Vorlage:

How To Make a Modal Box With CSS and JavaScript

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

Online-IDE: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal

Ist auf der gleichen Seite, wie bei deiner anderen Frage. Kannst dir die Seite ruhig ein bisschen angucken. ^^

 

[Tim]

Danke

 

[chris.zlrr]

alternativ könntest du auch eine variable wie z.b. "const showModal = false" initialisieren und beim Button-Click die variable auf true schalten. In React Js kannst du so zum Beispiel HTML rendern wenn "showModal == true" ist.