[FRAGE] Modals nur mit Javascript

[Larasko]

Hallo zusammen,

ich bin ganz neu hier im Forum und habe gleich eine Frage.
Im Bootstrap-Framework gibt es die Möglichkeit mit "Modals" Content in einer Art "Popupbox" darzustellen.
Wie kann ich solch eine "Popupbox" nur mit Javascript und ohne fremde Module/Frameworks erstellen ?

Vielen Dank im Voraus und liebe Grüße
Larasko

 

[mikdoe]

Let me google that for you

 

[Larasko]

Hey mikdoe,

leider bin ich auf Google nicht fündig geworden, auch nicht mit deinen Keywords.
Ich bin auf der Suche nach einer Möglichkeit eine solche Box ohne fremde Plugins zu erstellen.

LG Larasko

 

[Dormilich]

also für mich sah der dritte Treffer so aus als wäre da kein Framework involviert.

 

[mlau]

Prinzipiell musst du:
- ein div absolut un auf einer höheren Ebene als den restlichen Inhalt positionieren
- dieses Element mit einem Schatten versehen
- dieses Element verstecken
Ggf. noch ein absolut positioniertes, halbtransparentes Element zwischen Inhalt und Popup über die komplette Fläsche, falls du einen modalen Dialog willst

Wenn dein Popup angezeigt werden soll machst du es zB mittel jQuery (oder AngularJS *hust*) sichtbar, ggf. auch den modalen Hintergrund.