Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][CSS][PHP]Wyskakujące okienko
Kamil9132
post 25.11.2010, 21:35:57
Post #1





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----


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 ?
Go to the top of the page
+Quote Post
modern-web
post 25.11.2010, 21:42:12
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! ;)
Go to the top of the page
+Quote Post
Damonsson
post 25.11.2010, 22:13:51
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.
Go to the top of the page
+Quote Post
melkorm
post 25.11.2010, 22:17:02
Post #4





Grupa: Zarejestrowani
Postów: 1 366
Pomógł: 261
Dołączył: 23.09.2008
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Lightbox_me


--------------------
Go to the top of the page
+Quote Post
Kamil9132
post 25.11.2010, 22:47:12
Post #5





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----


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).
Go to the top of the page
+Quote Post
markonix
post 25.11.2010, 23:57:51
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) winksmiley.jpg


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 03:58