Hi und zwar wollte ich, da mein Hintergrundbild teilweise eine weile lädt und ich auch noch ein Paar Bilder auf der Knuddelshomepage kommen sollen, einen 4-5 Sekündigen Ladebalken anzeigen. Als ich es Offline getestet hab funktionierte es auch sehr gut. Online besteht nun aber das Problem, dass der Ladebalken nicht weg geht und das Menü weiterhin angezeigt wird.
Die Anzeige vom Menü interessiert mich an der Stelle garnicht, aber ich komme auch auf keinen Grund, warum der Ladebalken nicht wieder verschwindet.

Mein Ansatz war:
Code:
[color:"green"]<script[/color][color:"blue"] type=[/color][color:"purple"]"text/javascript"[/color] [color:"blue"] language=[/color][color:"purple"]"JavaScript"[/color][color:"green"]>[/color]
[color:"red"]var[/color] countdown = [color:"purple"]"6"[/color];
[color:"red"]function[/color] doCount()
{
    [color:"red"]if[/color] (countdown > [color:"purple"]0[/color])
    {
      countdown--
    }
    [color:"red"]else[/color]
    {
        [color:"red"]if[/color] (document.getElementById)
        {
          document.getElementById([color:"purple"]'hidepage'[/color]).style.visibility = [color:"purple"]'hidden'[/color];
        }
        [color:"red"]else[/color] {
          [color:"red"]if[/color] (document.layers)
          {
               document.hidepage.visibility = [color:"purple"]'hidden'[/color];
          }
          [color:"red"]else[/color] {
               document.all.hidepage.style.visibility = [color:"purple"]'hidden'[/color];
          }
       }
    }
    [color:"red"]var[/color] s = countdown;
    [color:"red"]var[/color] h = Math.floor(s/[color:"purple"]3600[/color]);
    [color:"red"]var[/color] m = Math.floor((s - (h * [color:"purple"]3600[/color]))/[color:"purple"]60[/color]);
    s = (s-(h*[color:"purple"]3600[/color]))%[color:"purple"]60[/color];
    window.setTimeout('[color:"purple"]doCount()'[/color],[color:"purple"]1000[/color])
}
doCount(); 
/* restliche Scripts 
[color:"green"]</script>[/color]

<style type="text/css">
#hidepage {
   position: absolute;
   left:0px;
   top:0px;
   background-color: #000000;
   layer-background-color: #000000;
   height: 100%;
   width: 100%;
/*Restliche Styleangaben
</style>

<div id="hidepage">
    <table height="100%" width="100%" align="center">
         <tr>
           <td valign="middle" align="center">
               Seite wird geladen ... Einen Moment bitte.<br>
               <img src="http://img14.myimg.de/ladebalken1aa7f.gif">
           </td>
         </tr>
    </table>
</div>

Restlicher Website Inhalt


Ich hoffe, dass mir hier auch wieder geholfen werden kann.
_________________________
Und allem weh zum trotz glaube ich noch immer an die Welt und an die Menschlichkeit.