HTML und CSS App redirect

[tylerd82]

Hi!

Bin neu und habe auch direkt eine (hoffentlich) spannende Frage:

Ich baue grade eine App mit HTML5 und CSS3, sowie Javascript, wie so manch einer.

Die App selbst beinhaltet aktuell nur eine Verlinkung auf den Server, auf dem die mobile Webseite liegt. Sprich, der komplette Code liegt auf einem externen Server und die App selbst, soll lediglich dorthin verlinken (leichter zu pflegen und php normal nutzbar).

So weit kein Problem, läuft! Aber:

Beim starten der App sehe ich einen schwarzen Bildschirm während die mobile Webseite geladen wird, welcher je nach Bandbreite, natürlich zu lange zu sehen ist.

Mein Gedanke war nun, die App mit einem Lade/Splashscreen zu versehen, der so lange sichtbar ist, bis die Indexseite der mobile Website des Servers komplett geladen ist.

Nur wie stellt man das an?

Wäre dankbar für Anregungen

 

[Madlip]

nach der Anleitung hab ich es auch gemacht. läuft perfekt

Android progress bar example

 

[tylerd82]

danke erstmal, nur leider ist das nicht das, was ich benötige.

die app ist ja bewusst eine webapp, damit sie betriebssystemunabhängig gepflegt werden kann. eine reine java lösung ist ja leider andriod only.

was ich bräuchte, wäre eine umsetzung mit javascript.

falls es das so nicht gibt, dann werd ich wohl in den sauren apfel beißen und zumindest den lokalen preload für jedes OS selbst zu schreiben. oder wie seht ihr das?