Okno modalne w jQuery

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/

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ś?

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)

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...

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