Nach dem ich mit meinem gecodeten rscLoader 0.02.77 Preloader einige Zeit gearbeiet habe, bin ich auf die Idee gekommen, diesen noch ein Mal in den verschiedensten Browsern zu testen.

Verdutzt musste ich leider feststellen, dass dieser zwar wie erwartet funktioniert, aber die JavaScript Console mit ein paar klitzekleinen Fehlern zugemüllt hatte … (more…)

Ich möchte euch die vorerst finale Version meins rscLoaders vorstellen: rscLoader 0.02.77
Die minified Version des Scripts weigt nur 2.4 KB und ist somit perfekt dafür geeignet einen fetzigen Preloader zu basteln!
Ich habe das Script im Internet Explorer 8, Mozilla Firefox, Google Chrome und Opera getestet – funktioniert wie erwartet.

Eine der Neuerungen ist die eigebaute Timeout-Funktion; diese läuft automatisch nach 3 Minuten ab und setz alle Dateien auf den Status “ready”.
Als weiteres verfügt das Script über eine automatische Dateityp-Erkennung.

Für alle weiteren Features und Hinweise zur Benutzung, schaut euch die beigefügte Readme an.

Es ist schon eine ganze weile her, als ich das letze mal was in meinem Blog veröffentlich habe… Jetzt habe ich aber wieder zeit ein bisschen was zu veröffentlichen.

Heute habe ich mir mal vorgenommen einen asynchronen Resource-Loader für meine Webapps zu schreiben. Natürlich gibt es im Netz für alles mögliche die verschiedensten Scripts, aber bekannterweise tun die meisten nicht das was sie sollen, sind viel zu komplex oder sind einfach mit Funktionen überfüllt die man nicht braucht.
Meine Grundidee dabei war es einen schicken Preloader, der mir alle meine Stylesheets, Scripts und Bilder für meine App vorlädt, zu basteln.

Gesagt – getan, als erstes habe ich mir eine kleine Javascript-Klasse geschrieben, die sich automatisch bei der Scriptausführung in den globalen Variablenbereich der Website initialisiert.
Um die Dateien nun zu laden muss man einfach nur rscLoader.load('*Link-Zur-Datei*', '*Typ*'); in den HTML-Body schreiben; die dateien werden automatisch und asynchron geladen, ohne die Website anzuhalten.
Natürlich habe ich auch Events eingebaut, mit denen man automatisch den Status der geladenen Dateien abrufen kann. Diese habe ich als sogenannte listener implementiert: rscLoader.listen('*Typ*', function(stats, resources) { // Tu alles was du willst }); In denn Callbacks dieser Events ist es möglich, den aktuellen Status der Datein des übergebenen Typs zu überprüfen und gegebenenfalls eine Aktion durchzuführen.

Quelltext ist auf Github verfügbar: rscLoader 0.01.06