Wir haben den busy.js von Netzgesta für eine Loader Animation ausprobiert und waren mal begeistert von der einfachen Implementierung und vom Handling des Javascripts. Dabei wird der aktuelle DIV transparent überlagert und mit einer Loaderanimation versehen. Dennoch gab es zwei Probleme damit. Einerseits die Lizenzierung (was man noch verschmerzen könnte, aber der Igel in der Hosenztasche schreit trotzdem) andererseits, was schwerwiegender war, crashte das Skript im IE7 immer wieder unmotiviert. Die Seite funktionierte erst wieder nach einem Neustart des Browsers. Schlecht. Dann haben diese Art Loader Overlay mittels Prototype JS einfach selber gestrickt.


Natürlich haben wir nicht alle Features implementiert, sondern nur die welche wir brauchen: den Overlay bei einer Ajax Aktion. Loadergif muss nicht automatisch sein. Quick and Dirty aber funktioniert wunderbar.

Der Javascript-Funktion loaderimage wird als Parameter des bearbeiteten DIV übergeben. Dann legen wir eine schicke Gif-Loader-Animation inklusive Styles über den DIV:

Verwendet haben wir es z.B. zusammen mit einem Prototype Ajax Request:

Das ist die schnelle Variante in der einfach der ganze DIV upgedatet wird. Natürlich kann man auch normal entfernen durch einen Aufruf von Element.remove('loaderimg');, aber dann ist es nicht mehr so quickndirty.