Okno modalne w jQuery

Okno modalne w jQuery
TV
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 5 lat
  • Postów:68
0

Ktoś może ma kod do jQuery który wygeneruje okno modalne jak na przykład w poniższym przykładzie po wciśnięciu przycisku "REMODAL" - nie chodzi mi o dokładny układ jak w przykładzie ale kod który W OGÓLE spowoduje że modal window się pojawi.

http://vodkabears.github.io/remodal/

edytowany 3x, ostatnio: The_Visitor
Zobacz pozostałe 3 komentarze
TV
Kocham przecinki i kolekcjonuję je jak Ty części od traktora
ŁF
Traktor? Dobrze się czujesz?
TV
Chłopie, kim ty w ogóle k*** jesteś. Jezdzisz uwagami jak dzik po tarasie, weź zluzuj wargi, nie wiem czy jesteś modem bo tylko wtedy mialbym pretekst zeby sie podporządkować, jeśli nim nie jestes to nie próbuj cyckami wisły zawracać bo tylko się zmęczysz
ŁF
No zobacz. Akurat jestem modem. Jeszcze jeden taki komentarz i pożegnasz się z kontem na dużo dłużej.
EroSanin
Chyba miał ciężki dzień, że akurat pękł tutaj ;)
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:około 2 miesiące
  • Lokalizacja:Rzeszów
0

Ale chodzi Ci o co dokładnie? Animacje? Styl/układ treści? Coś innego?

Dlaczego nie możesz użyć tego, co podlinkowałeś?


dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:około 2 miesiące
  • Lokalizacja:Rzeszów
0

Odpowiadanie na posta poprzez edycję poprzedniego posta to najgorszy pomysł, jaki mógł Ci przyjść do głowy.

Dlaczego nie wpiszesz jQuery modal w Google? Miliony tego jest.

PONAWIAM też pytanie - dlaczego nie to, co podlinkowałeś? I tak będziesz musiał pobrać jakąś libkę do tego (w teorii możesz zrobić sam od zera, ale po co wynajdować koło od nowa? Twoje rozwiązanie będzie mniej elastyczne), np. jQuery UI (chyba najpopularniejszy modal dla jQuery)


LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:2 minuty
  • Postów:8423
2

Takie okna banalnie zrobić. Po prostu tworzysz tzw. overlay, czyli półprzezroczystego diva o szerokości zasłaniającej całą stronę (czyli powinien mieć position: fixed, i width: 100%, height: 100%, oraz np. background: rgba(0, 0, 0, 0.5); ) i w momencie kiedy wyświetlasz okienko, wyświetlasz również tego overlaya pod spodem (ale nad normalnym tekstem). I jak ktoś kliknie OK, to chowasz okienko i overlay. Żadna filozofia :) Dobrą praktyką jest też chowanie okienka po kliknięciu gdziekolwiek na stronie (a nie tylko w przycisk ok), i np. anulowanie akcji w takim sytuacji.

Chociaż modal to często antipattern i dark UX. Przeważnie się stosuje je na stronach do wyświetlania reklam albo do zmuszania ludzi, żeby się zapisali do newslettera... Rzadko są sytuacje gdzie faktycznie modal jest potrzebny na stronach...


edytowany 4x, ostatnio: LukeJL
DE
U mnie w CRM'ie w modalach robi się wszystko. Przy czym upchane są tam czasami gigantycznie wielkie formularze. Dziwię się, że ktoś z tego korzysta :D

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.