busy/ not ready Anzeige bis Seite vollständig geladen ist

[Gunther]

Hallo werte Selfgemeinde!

Ich stehe vor folgender Aufgabenstellung, zu der ich bisher keine zufriedenstellende Lösung gefunden habe:
Auf einer Webseite habe ich ein sehr großes Formular wo der User über etliche Checkboxen, Auswahlfelder und Radio-Buttons eine Konfiguration zusammenklicken kann, die dann daraus einen entsprechenden Code in Lua generiert (soweit nur mal zur Erklärung der sonstigen Umstände).

Bedingt durch die Größe und den Umstand, dass quasi nach jeder Änderung/ jdem Klick auch etliche Javascript-Funktionen ausgeführt werden, benötigt die Seite teilweise "spürbar" Zeit. Um zu verhindern, dass der User während dieser Zeit bereits weitere Klicks ausführt, wollte ich die Seite solange von einer halb transparenten Grafik (als Background Image) und einem animierten Gif "überlagern" lassen (wie bei Lightbox u.ä.).

Und jeder JS-Funktion habe ich zu Beginn und am Ende jeweils eine Zeile eingefügt, die dieses Div ein- und ausblendet (per display:none).

Das funktioniert aber nicht zufriedenstellend. Im FF (3.0.3) bspw. wird das DIV beim Laden der Seite manchmal gar nicht angezeigt. Wenn das DIV eingeblendet wird. wird die animierte Gif-Grafik wird zwar immer angezeigt, die Animation läuft aber nicht, sondern steht still. Auch wird das DIV meistens zu früh wieder ausgeblendet.

Ich verwende übrigens jquery auf der Seite und aktiviertes JS ist Voraussetzung für die Benutzung.

Frage: Gibt es eine zuverlässigere Methode und wenn ja welche, um das gewünschte Ergebnis (Seite quasi "gesperrt" solange sie a) nicht vollständig geladen ist und b) noch irgendwelche JS-Funktionen werkeln) zu erreichen?

Gruß Gunther