![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 210 Pomógł: 0 Dołączył: 7.11.2010 Ostrzeżenie: (10%) ![]() ![]() |
Witam
Na mojej stronie chcę zrobić wyskakujące okienko, tylko nie wiem jak za to się zabrać. Nie chodzi mi o to żeby otwierało się nowe okno tylko obecne trochę się przyciemniało i wyskakiwała treść okienka. Jakiego użyć do tego języka i jakich funkcji ? |
|
|
![]()
Post
#2
|
|
![]() Grupa: Zarejestrowani Postów: 763 Pomógł: 117 Dołączył: 15.03.2010 Skąd: void Ostrzeżenie: (0%) ![]() ![]() |
Jeśli chciałbyś żeby okienko to wyświetliło się w danym miejscu na stronie to nic trudnego - DIV + hidden w CSS i akcja po kliknięciu jakiegoś klawisza...
Natomiast to o czym ty mówisz... czyli przyciemnienie całej strony i wyświetlenie na wszystkim nowego okna to już tylko w JS. W każdym razie ja nie znam innego sposobu. Mógłbyś kombinować z Flash (nawet łatwo idzie to zrobić :-P) ale jak się domyślam nie masz nawet Adobe Flash Professional CS3+ więc odpada :/ Pozdrawiam! -------------------- Pomogłem? Kliknij `Pomógł`. To nic nie kosztuje, a mnie usatysfakcjonuje! ;)
|
|
|
![]()
Post
#3
|
|
![]() Grupa: Zarejestrowani Postów: 2 355 Pomógł: 533 Dołączył: 15.01.2010 Skąd: Bydgoszcz Ostrzeżenie: (0%) ![]() ![]() |
Podejrzałbym kilka źródeł "Lightbox" i wyciągnął wnioski.
|
|
|
![]()
Post
#4
|
|
![]() Grupa: Zarejestrowani Postów: 1 366 Pomógł: 261 Dołączył: 23.09.2008 Skąd: Bydgoszcz Ostrzeżenie: (0%) ![]() ![]() |
-------------------- |
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 210 Pomógł: 0 Dołączył: 7.11.2010 Ostrzeżenie: (10%) ![]() ![]() |
Tylko chodzi mi głównie o to okno ,przyciemnianie strony nie jest konieczne jeżeli to jest bardzo skomplikowane.
To okno wyświetlałoby się od razu po wczytaniu strony i znikało po naciśnięciu przycisku zamknij (krzyżyka). |
|
|
![]()
Post
#6
|
|
![]() Grupa: Zarejestrowani Postów: 2 707 Pomógł: 290 Dołączył: 16.12.2008 Skąd: Śląsk Ostrzeżenie: (0%) ![]() ![]() |
Polecam:
http://jqueryui.com/demos/dialog/#modal-message Standalone przykład: http://jqueryui.com/demos/dialog/modal-message.html Wywołanie: Kod <script> $(function() { // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! $( "#dialog:ui-dialog" ).dialog( "destroy" ); $( "#dialog-message" ).dialog({ modal: true, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); }); </script> Jak widać w źródle nie jest zbyt skomplikowane szczególnie, że z 2 linijki są tylko wstawione na potrzebę tego konkretnego dema więc = 5 linijek tekstu (kodu) ![]() -------------------- |
|
|
![]() ![]() |
![]() |
Wersja Lo-Fi | Aktualny czas: 19.07.2025 - 03:58 |