Div zamiast alertu

0

Mam pytanie. Dopiero zaczynam z JS ;) W jaki sposób zrobić diva na wzór alert()? W sensie wyskakuje po jego wywołaniu tak jakby nad całą stron

2

.np. tak, że pod divem umieszczasz drugiego diva, który będzie taką nakładką ("overlay" się na to zwykle mówi) i ta nakładka może zasłaniać cały ekran (np. position:fixed i odpowiednie wymiary/pozycja, tak jak tutaj
https://jsfiddle.net/k8ydg27b/ ):

Tylko byś musiał eventy podłączyć pod przycisk ok, żeby chował overlay i modal (w tym przykładzie wystarczyłoby, żeby overlay schować, bo w tym przykładzie dałem modal w overlayu, więc jak schować overlay, to schowa się modal. Ale można to też inaczej zaimplementować).

2

Pomocna może być dla Ciebie funkcja classList.toggle .
https://www.w3schools.com/jsref/prop_element_classlist.asp
Czyli np po kliknięciu na jakiś button będzie dodawana lub (jeżeli juz tam jest) będzie zabierana klasa, a ta klasa może mieć właściwość np visibility:hidden lub display:none

2

Tobie chyba bardziej chodzi o modal: https://sabe.io/tutorials/how-to-create-modal-popup-box
ew. masz gotowce, np. SweetAlert2 https://sweetalert2.github.io/
http://bootboxjs.com/

0

Aha i nie ma za co ;P

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0