anna: Ladezeit überbrücken

Frage: in Flash kann man mit preloader dem User zeigen das die Seite lädt.

habe ein php Script welches etwas länger zum laden benötigt. ich würde beim aufruf der Seite gern eine Grafik einblenden welche einen ladbalken oder ähnliches zeigt. die Grafik soll sobald die Seite fertig geladen ist wieder verschwinden.

frage:

ermöglichen mit javascript oder php?

Anstoß in eine Richtung würde mir sehr helfen. meine suche war bisher erfolglos.

lg anna

  1. Hallo Anna,

    also, die Holzhammer-Methode ist

    <HTML>
    <BODY>
    <IMG SRC="lade_grafik.jpg">
    <SCRIPT LANGUAGE="JavaScript">
    location.href="http://www.meine_php_seite_die_lange_braucht.de">
    </SCRIPT>
    </BODY>
    </HTML>

    Somit wird zuerst die Grafik geladen und angezeigt. Dann wird Dein langes PHP-Skript geladen. Während dieser Zeit gibt es keinen refresh auf die Anzeige, da das PHP-Skript noch nicht geladen ist. Sobald das PHP-Skript da ist, erscheint das, was das Skript eben so macht und dadurch verschwindet auch die Grafik.

    Gruß

    Hans

    1. Hi,

      also, die Holzhammer-Methode ist

      Hmm, sieht aber eher nach "grobem Unfug" aus! =:-)

      Gruß, Cybaer

      --
      Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
      1. Wie müsste ich das machen wenn ich das selbe will, aber ohne php sondern nur mit java script (und nicht nach der Holzahacker methode) ?!

        Ich hab in meiner Seite leider viele Bilder, und deshalb ist es ein bisschen störend, wenn so eines nach dem andern erscheint.

        Vielen Dank im Voraus

        1. Hi,

          Wie müsste ich das machen wenn ich das selbe will, aber ohne php sondern nur mit java script (und nicht nach der Holzahacker methode) ?!

          Sanfter Holzhammer: "Tabellenlayout" - wird üblicherweise erst dargestellt, wenn der Inhalt der Tabelle geladen und selbige gerendert wurde.

          Ich hab in meiner Seite leider viele Bilder, und deshalb ist es ein bisschen störend, wenn so eines nach dem andern erscheint.

          Ja nu, daß ist aber nicht unnormal. =:-)

          Ansonsten: S.o, oder blende den BODY mit einem JS aus, und blende ihn onLoad-Event wieder ein:

          Gruß, Cybaer

          --
          Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
          1. Guten Abend

            @ Detlef G. :
            Ich finde es störend, aber es könnte je nachdem auch Seitenbesucher stören, da es beim Laden ein ziemliches Herumschieben ist.

            Falls ihr die Seite besucht:

            Unten in der Mitte kann man die Sprache ändern (für Besucher aus DE oder AT)

            @ Cybaer :

            Sanfter Holzhammer: "Tabellenlayout" - wird üblicherweise erst dargestellt, wenn der Inhalt der Tabelle geladen und selbige gerendert wurde.

            Habe alles in einer Tabelle, es wird aber trozdem ein Bild nach dem anderen geladen, vorallem stört das bei der Navigationsliste.

            Ansonsten: S.o, oder blende den BODY mit einem JS aus, und blende ihn onLoad-Event wieder ein:

            Also, das mit dem ausblenden verstehe ich nicht, könntest du mir evtl. einen Link geben, wo ich mehr darüber nachlesen kann?

            Vielen Dank im Voraus

            Christoph

            1. Hi,

              Also, das mit dem ausblenden verstehe ich nicht, könntest du mir evtl. einen Link geben, wo ich mehr darüber nachlesen kann?

              <body>
               <script type="text/javascript"><!--
                if(document.body && document.body.style) {
                 document.body.style.visibility="hidden";
                 document.body.onload=function() { document.body.style.visibility="visible"; }
                }
               //--></script>

              Dokuemtn
              </body>

              BODY sofort unsichtbar machen (sofern der Browser das unterstützt), und nach dem Laden sichtbar machen.

              Gruß, Cybaer

              PS: Du solltest dir generell CSS zu Gemüte führen, bzw. wie man es mit JS anspricht! ;-)

              --
              Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
              1. PS: Du solltest dir generell CSS zu Gemüte führen, bzw. wie man es mit JS anspricht! ;-)

                Werd ich machen, danke für den Code!

                Gruss Christoph

        2. Hallo Christoph

          Ich hab in meiner Seite leider viele Bilder, und deshalb ist es ein bisschen störend, wenn so eines nach dem andern erscheint.

          Störend für dich oder für den Seitenbesucher?

          Mir ist es lieber, wenn sich die Seite langsam aufbaut, ich also sofort etwas sehe und dann nachvollziehen kann, wie es Stück für Stück fertig wird, als wenn ich erstmal eine Zeit lang überhaupt nichts oder nur so einen dämlichen Ladebalken sehe. Wenn sich eine Weile überhaupt nichts tut, selbst wenn versucht wird, dies durch den Hinweis "Seite wird geladen" oder einen Ladebalken zu überbrücken, bin ich eventuell weg, bevor überhaupt etwas angezeigt wird.

          Gib die Maße für die Grafiken an, damit es beim laden derselben nicht wild herumhüpft.
          Wenn du unbedingt einen Hinweis anbringen willst, dass noch etwas geladen wird, dann kannst du den Bildern ein kleines Hintergrundbild geben.

          img {background:url(laden.gif) no-repeat center;}  
          
          

          Grafik (noch) nicht geladen

          Auf Wiederlesen
          Detlef

          --
          - Wissen ist gut
          - Können ist besser
          - aber das Beste und Interessanteste ist der Weg dahin!
    2. Hallo Anna,

      also, die Holzhammer-Methode ist

      <HTML>
      <BODY>
      <IMG SRC="lade_grafik.jpg">
      <SCRIPT LANGUAGE="JavaScript">
      location.href="http://www.meine_php_seite_die_lange_braucht.de">
      </SCRIPT>
      </BODY>
      </HTML>

      Somit wird zuerst die Grafik geladen und angezeigt. Dann wird Dein langes PHP-Skript geladen. Während dieser Zeit gibt es keinen refresh auf die Anzeige, da das PHP-Skript noch nicht geladen ist. Sobald das PHP-Skript da ist, erscheint das, was das Skript eben so macht und dadurch verschwindet auch die Grafik.

      Gruß

      Hans

      Hallo hans :)

      Danke für dine Mühe mir zu Antworten :)

      leider kein erfolg. habe den code in die betreffende seite gepflanzt. seite lädt wie normal (lang). wenn die seite ausgeladen hat, erscheinterst die grafik und setzt sich über die website.

      vielleicht hilft das:

      wenn man auf der seite ist kann man eine url prüfen. die ausgabe erfolgt auf der gleichen seite.

      Seitenaufbau ist normal: html code mit php inhalten. (seite wird mit <?php include('../footer.php'); ?> verfollständigt)

      eventuell gibt es auch eine möglichkeit für jede seite bis zum vollständigen aufbau eine grafik einzublenden?

      lg anna

      1. hi,

        bitte zitiere sinnvoll, nur das worauf du dich beziehst - und nicht das komplette Vorposting.

        leider kein erfolg. habe den code in die betreffende seite gepflanzt.

        seite lädt wie normal (lang). wenn die seite ausgeladen hat, erscheinterst die grafik und setzt sich über die website.

        Das entspricht ja auch nicht dem, was Hans vorgeschlagen hat.

        Sein Code war als weitere _Zwischenseite_ gedacht, die erst nur das Bild lädt und anzeigt - und dann per Javascript auf den Langläufer weiterleitet.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
    3. Moin

      also, die Holzhammer-Methode ist

      <HTML>
      <BODY>
      <IMG SRC="lade_grafik.jpg">
      <SCRIPT LANGUAGE="JavaScript">
      location.href="http://www.meine_php_seite_die_lange_braucht.de">
      </SCRIPT>
      </BODY>
      </HTML>

      ... und bei deaktiviertem JavaScript warten sie heute noch - wenn sie nicht indessen gestorben sind.

      Gruß
      rfb

      --
      Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
      (Galileo Galilei)
  2. Hi,

    ermöglichen mit javascript oder php?

    Wenn's denn überhautp sein muß: Laß z.B. das PHP-Script ein JS ausgeben, das eine Grafik/einen Hinweistext anzeigt. Forciere diese Ausgabe ggf. mit dem PHP-Befehl flush().

    Und wenn die Seite fertig ist, dann wird der onload-Event gefeuert und ein dort plaziertes JS nimmt den Wartenhinweis wieder raus.

    Mit flush() kann das Script auch zwischendurch immer mal wieder Daten zum Browser schicken, selbst wenn es noch nicht fertig ist. So könnte man Infos über den aktuellen Stand anzeigen lassen ...

    Gruß, Cybaer

    --
    Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!
  3. Da ich einig details vergessen habe hier nochmal kurz das poblem:

    auf einer seite kann man für eine url bestimmte eigenschaften abfragen. die ausgabe erfolgt auf der gleichen seite. durch die abfrage entsteht eine lange ladezeit der seite bis zur ausgabe.

    umde user zu zeigen das die seite lädt möhte ich bis zu vollständigen ausladen der ausgabe eine grafik einblenden welche bei fertig geladener seite wieder verschwindet.

    lg anna