Eieruhr nach Beenden einer Aktion verschwinden lassen

S

Soapp

Erfahrenes Mitglied
ich hab ein eine Eieruhr, die dem User anzeigt, dass er warten soll.

<img src="uhr.gif">


Nun hätte ich gerne, dass die nachdem die Seite im Explorer fertig geladen wurde
verschwindet.

Mein erster Newbie-PHP-Gedanke war:

$_SESSION['image'] = '<img src="uhr.gif">';
echo $_SESSION['image'];

und am Ende : unset ($_SESSION['image']);

funktioniert aber nicht.

Hat jemand eine Idee ?

Danke

Soapp
 
Hi,

du könntest als erstes Element im BODY die Eieruhr mit einem sehr hohen z-Index absolut positionieren.
Im onload-Event des BODYs setzt du dann die display-Eigenschaft auf none.
HTML: 
<body onload="document.getElementById('eieruhr').style.display='none';">
<div id="eieruhr" style="position: absolute; width: 20px; height: 40px; left: 50%; top: 50%; margin: -20px auto auto -10px; background: url(eieruhr.gif) 0 0 no-repeat; z-index: 999;"></div>
<!-- Restlicher Seiteninhalt -->
</body>
Vielleicht hilft dir das weiter.

Ciao
Quaese
 
Quaese hat gesagt.:
Hi,

du könntest als erstes Element im BODY die Eieruhr mit einem sehr hohen z-Index absolut positionieren.
Im onload-Event des BODYs setzt du dann die display-Eigenschaft auf none.
HTML: 
<body onload="document.getElementById('eieruhr').style.display='none';">
<div id="eieruhr" style="position: absolute; width: 20px; height: 40px; left: 50%; top: 50%; margin: -20px auto auto -10px; background: url(eieruhr.gif) 0 0 no-repeat; z-index: 999;"></div>
<!-- Restlicher Seiteninhalt -->
</body>
Vielleicht hilft dir das weiter.

Ciao
Quaese
Zum Vergrößern anklicken....



HAMMER ! Das funktioniert !
Ich bin begeistert :)
Ich versteh zwar ned warum .... aber es funktioniert :)

Danke

Soapp
 
Schön wäre es auch noch, wenn die Grafik anfangs erst via JavaScript eingeblendet wird. Dann haben Benutzer ohne JavaScript nicht das Problem, dass die Grafik nicht verschwindet.
 
Hi,

ist ja kein Problem, das "Eieruhr-Element" mit Hilfe von document.write in das Dokument
einzubinden.
HTML: 
<body onload="document.getElementById('eieruhr').style.display='none';">
  <script type="text/javascript">
    <!--
	document.write("<di"+"v id=\"eieruhr\" style=\"position: absolute; width: 20px; height: 40px; left: 50%; top: 50%; margin: -20px auto auto -10px; background: url(../bilder/eieruhr.gif) 0 0 no-repeat; z-index: 999;\"><\/d"+"iv>");
   //-->
  </script>
  <!-- Weiterer HTML-Inhalt -->
</body>
Oder für den Fall, dass auf document.write verzichtet werden soll:
HTML: 
<body onload="document.getElementById('eieruhr').style.display='none';">
  <div id="eieruhr" style="position: absolute; width: 20px; height: 40px; left: 50%; top: 50%; margin: -20px auto auto -10px; background: url(../bilder/eieruhr.gif) 0 0 no-repeat; z-index: 999; display: none;"></div>
  <script type="text/javascript">
    <!--
    document.getElementById("eieruhr").style.display = "block";
   //-->
  </script>
  <!-- Weiterer HTML-Inhalt -->
</body>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück