Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Przyciemnianie strony i wyświetlanie animacji postępu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
kacperix
Witajcie.

Otóż mam formularz i chciałbym aby po kliknięciu przycisku Wyślij, na czas kiedy dane będą wędrowały przy pomocy AJAXA, strona się przyciemniła i po środku niej widniało małe okienko z napisem "Proszę czekać...".

Od kliku dni próbuje znaleźć coś na ten temat i żadnych rezultatów. Chodzi głównie o to jak przyciemnić tą stronę, aby była pół przezroczysta.

Przykładem mogą być Dokumenty Google, kiedy np. klikniemy na odnośnik do wstawiania obrazu do dokumentu, strona się przyciemnia i nie mam dostępu do jej elementów a po środku wyskakuje okienko w którym mogę określić plik do wstawienia oraz właściwości tego obrazu.

Próbowałem to zrobić poprzez nałożenie div'a w taki sposób:

  1. <div style="position:absolute; width:100%; height:100%; -moz-opacity:0.8; filter: alpha(opacity=80)"></div>


Jednak i to nie ma dobrych efektów, otóż np. gdy strona jest wyższa jak okno przeglądarki to można ją przewinąć w dół i ma się dostęp do pozostałych jej elementów, poza tym nie okrywało to całej strony, a na Operze nie było nawet przeźroczyste.

Proszę o pomoc.

--
Pozdrawiam
Przemek
revyag
Przestudiuj to:

http://riddle.jogger.pl/2007/04/08/polprze...-i-okienka-div/

znajdziesz tam wszystko to potrzeba.
kacperix
Wielkie dzięki. Właśnie tego szukałem.

Pozdrawiam
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.