Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Wyskakujące okienko. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Wyskakujące okienko. (/thread-wyskakujace-okienko--7282)



Wyskakujące okienko. - matwiej - 18-07-2011

Interesuje mnie jak zrobić wyskakujące okienko tak jak na stornie http://elfender.clapalong.com/ gdy klikniemy "SING UP".
Domyślam się że jest to JS. Potrzebuje jakiegoś naprowadzenia niekoniecznie gotowca Smile


RE: Wyskakujące okienko. - thdsgn - 18-07-2011

(18-07-2011, 16:30)matwiej napisał(a): Interesuje mnie jak zrobić wyskakujące okienko tak jak na stornie http://elfender.clapalong.com/ gdy klikniemy "SING UP".
Domyślam się że jest to JS. Potrzebuje jakiegoś naprowadzenia niekoniecznie gotowca Smile

Dobrze się domyślasz. Wpisz w google hasło "Logowanie jQuery" lub "rejestracja Jquery". Na pewno coś znajdziesz.


RE: Wyskakujące okienko. - Kartofelek - 18-07-2011

http://doman.art.pl/kursjs/kurs/lightbox.html#all
W praktyce w jquery o wiele prostsze. Poszukaj w necie "jQuery popup" lub "css popup" czy coś w tym stylu. W praktyce jest to czysty CSS


RE: Wyskakujące okienko. - matwiej - 18-07-2011

ok dziękuje przydała się wasza pomoc Big Grin


RE: Wyskakujące okienko. - Kartofelek - 18-07-2011

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/super-simple-lightbox-with-css-and-jquery/


RE: Wyskakujące okienko. - matwiej - 19-07-2011

hmm .. no działa tylko jest pewien problem że ten skrypt jest chyba nastawiony na wyświetlanie obrazka ? A mi chodzi o włożenie tam formularza kontaktowego. Grzebałem trochę w kodzie ale niestety moja wiedza jest zbyt mała na temat JS by se z tym poradzić.

Myślałem że wystarczy zmienić w tej sekcji :
Cytat:<a href="http://farm7.static.flickr.com/6020/5931933181_ddb737e528.jpg" class="lightbox_trigger">
Picture 3
</a>

Link do własnego pliku html w którym mam formularz ale chyba to nie jest dobra droga?


RE: Wyskakujące okienko. - Kartofelek - 19-07-2011

kolego. Tu nie chodzi o obrazek. Skoro do środka popupa dajesz img, to równie dobrze może to być div a w nim co chcesz. W obydwu tutorialach masz pokazaną idee - co z nią zrobisz zależy od ciebie.
Przeczytaj chociaż to moje - tam jesz jak to ostylować. Bo tak naprawdę to całość polega na pokazaniu 2 divów - słownie dwóch - jeden ciemny jako tło i jeden biały jako popup. Smile


RE: Wyskakujące okienko. - matwiej - 19-07-2011

O przepraszam nie zauważyłem tego pierwszego linku. Zaraz zobaczę czy ogarnę.


RE: Wyskakujące okienko. - nd_macias - 19-07-2011

http://jqueryui.com/demos/dialog/

To bym polecił to takich rzeczy. Ewentualnie FancyBox lub ColorBox.


RE: Wyskakujące okienko. - Kartofelek - 19-07-2011

No właśnie z FancyBoxem chyba bym sobie odpuścił. łatwiej jest wstawić na stronę 2 divy i pokazać je za pomocą .show() niż zmieniać fancyboxa.
Fancybox ma tą samą zaletę co A6W. Jest.