Hi,
ich habe ein Script, was einige Zeit braucht, um eine Vorschau zu erstellen. Die Wartezeit möchte ich gerne mit einem animierten GIF ein wenig anschaulicher gestalten.
Im Firefox funktioniert das auch wunderbar. Nur der IE zickt (wie immer) rum. Sobald ich auf den Button zum Erzeugen der Vorschau klicke, hält der IE das GIF an. Gibt es irgendeine Möglichkeit, das Problem zu umgehen?
Hier der Quelltext:
<?php
sleep(5); // simuliert die Wartezeit auf die Vorschau
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Windrad test</title>
<script type="text/javascript">
function loadpreview(){
document.getElementById("loading").style.display="";
}
</script>
</head>
<body>
<div id="loading" style="height: 400px; width: 400px;display:none;background-color:#ccc;">
<img src="loading.gif" alt="Vorschau wird erzeugt" title="" style="margin-top:125px;margin-left:180px;margin-bottom:50px;"><br>
<p style="text-align:center">Vorschau wird erzeugt</p>
</div>
<div>
<form method="get" accept-charset="UTF-8" action="test.php">
<input type="submit" value="Vorschau" onclick="javascript:loadpreview()">
</form>
</div>
</body>
</html>
Hier habe ich das "display:none" weggelassen. Dadurch kann man im IE wunderbar sehen, dass das GIF eigentlich funktioniert, aber beim Absenden des Formulares angehalten wird.
Ich hoffe, mir kann jemand helfen, das Problem zu lösen.
MfG
MBGucky