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 ?
Pełna wersja: [JavaScript][CSS][PHP]Wyskakujące okienko
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!
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!
Podejrzałbym kilka źródeł "Lightbox" i wyciągnął wnioski.
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).
To okno wyświetlałoby się od razu po wczytaniu strony i znikało po naciśnięciu przycisku zamknij (krzyżyka).
Polecam:
http://jqueryui.com/demos/dialog/#modal-message
Standalone przykład:
http://jqueryui.com/demos/dialog/modal-message.html
Wywołanie:
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)
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>
$(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)
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.