Dirk: Text anzeigen während Seite lädt?

Hallo zusammen,

geht das dass man einen Text (zB "wird geladen...") anzeigt während die Seite lädt, der aber sobald alles da ist wieder verschwindet?

Ich hab ne Seite die sehr viel Javascript beinhaltet und noch zusätzlich in einem CMS steht, deswegen würde ich gern einen Text anzeigen während die Seite lädt.

Vielen Dank

Gruss Dirk

  1. Hallo zusammen,

    Hallo

    geht das dass man einen Text (zB "wird geladen...") anzeigt während die Seite lädt, der aber sobald alles da ist wieder verschwindet?

    Wie man das professionell macht würde mich auch interessieren. Ich würde es folgendermassen machen: Homepage mit dem 'Loading...'-Text und allen Includes, dh. es beinhaltet alle CSS- und JavaScript-Dateien (per <link href=...> bzw. <script src=...>, du weisst was ich meine) und zudem alle Grafiken in der Grösse von 1x1 Pixel. Die Daten wandern alle in den Cache des Browsers. Nun per location.href die neue Seite laden. Zur Sicherheit noch eine Weiterleitung per Meta-Tag, jedoch mit einer genügend hohen Zeit. Ist nur so ne Idee, ich hoffe, es gibt noch bessere Lösungen.

    MfG

    Tom2

    1. Hallo zusammen,
      Hallo

      geht das dass man einen Text (zB "wird geladen...") anzeigt während die Seite lädt, der aber sobald alles da ist wieder verschwindet?
      Wie man das professionell macht würde mich auch interessieren. Ich würde es folgendermassen machen: Homepage mit dem 'Loading...'-Text und allen Includes, dh. es beinhaltet alle CSS- und JavaScript-Dateien (per <link href=...> bzw. <script src=...>, du weisst was ich meine) und zudem alle Grafiken in der Grösse von 1x1 Pixel. Die Daten wandern alle in den Cache des Browsers. Nun per location.href die neue Seite laden. Zur Sicherheit noch eine Weiterleitung per Meta-Tag, jedoch mit einer genügend hohen Zeit. Ist nur so ne Idee, ich hoffe, es gibt noch bessere Lösungen.

      MfG

      Tom2

      hmmm weiss net ob des so hinhaut ich möchte eigentlich auch nicht zwingend die Dateien cachen oder so mir gehts nur drum dass was dran steht solange die seite lädt...

      1. Moin!

        hmmm weiss net ob des so hinhaut ich möchte eigentlich auch nicht zwingend die Dateien cachen oder so mir gehts nur drum dass was dran steht solange die seite lädt...

        Mach es so, wie die comdirekt-Bank z.B. auch:

        Eine Seite besteht immer aus dem Inhalt in einem Layer und einem weiteren Layer mit "Vorgang wird ausgeführt...". Wenn irgendwas geklickt wurde, wird zuerst der Inhalt ausgeblendet und dieser Layer eingeblendet, und dann wird geladen. So überbrückt man die Serverreaktionszeit. Sobald dann Daten durch die Leitung kommen, welche vom Browser darstellbar sind, wird die alte Seite vom Bildschirm genommen, und die neue Seite gezeigt.

        Ohne Javascript muß man auf dieses Feature dann wohl verzichten - sollte aber kein Beinbruch sein.

        - Sven Rautenberg

  2. Hallo.

    geht das dass man einen Text (zB "wird geladen...") anzeigt während die Seite lädt, der aber sobald alles da ist wieder verschwindet?

    Jup. Ich hab eben mal das zusammengebastelt. Besteht aus drei Seiten:

    index.html
    ----------
    <html>
    <head>
    <title>Seite wird geladen...</title>
    </head>
    <frameset rows="*,0" frameborder="0" framespacing="0" border="0">
     <frame src="loading.html" noresize>
     <frame src="load.html" noresize>
     <noframes>
      <a href="load.html" target="_top">Weiter</a>
     </noframes>
    </frameset>
    </html>

    loading.html
    ------------
    <html>
    <head>
    <title>Ladebildschirm</title>
    </head>
    <body>
    <h1>Seite wird geladen...</h1>
    <a href="load.html" target="_top">Ladevorgang überspringen</a>
    </body>
    </html>

    load.html
    ---------
    <html>
    <head>
    <title>Zu ladende Seite</title>
    </head>
    <body onload="if(top.location.href != self.location.href){top.location.href = self.location.href}">
    <div align="center">
    <h1>Zu ladende Seite</h1>
    <img src="http://selfhtml.teamone.de/grafik/anzeige/fotos/foto3.jpg" alt="">
    <hr>
    <img src="http://selfhtml.teamone.de/grafik/anzeige/fotos/foto4.jpg" alt="">
    </div>
    </body>
    </html>

    Im sichtbaren Frame der index.html wird die Seite (loading.html) mit dem Text "Seite wird geladen" angezeigt, während im unsichtbaren Frame die Seite (load.html) geladen wird. Sobald die zu ladende Seite geladen wurde, wird sie angezeigt.

    Gruß
    Norbert