[JS] Przyciemnianie strony i wyświetlanie animacji postępu, Jak po kliknięciu Wyślij formularz przyciemnić stronę i wyświetlić oki Opcje

[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:

[HTML] pobierz, plaintext 
<div style="position:absolute; width:100%; height:100%; -moz-opacity:0.8; filter: alpha(opacity=80)"></div>
[HTML] pobierz, plaintext 

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

Ten post edytował kacperix 23.04.2007, 12:49:15

[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