Hallo User.
Ich möchte gern ein Ladebalken auf meiner Seite haben, dass angezeigt wird, wenn ich Bilder per Upload auf den Server lade. Nun habe ich schon Stunden im Netz verbracht um mich mit Input zu versorgen. Aber jetzt komme ich nicht so recht weiter:
JavaScript:
Code
<script language="javascript" type="text/javascript">
function wait()
{
loader = new Image();
loader.src = "images/ajax-loader.gif";
window.document.images['loader'].src = loader.src;
document.getElementById("box").style.visibility = "visible";
return true;
}
</script>
Alles anzeigen
Form:
HTML
<form action="../backoffice/abc.php" method="POST" onsubmit="return wait();" enctype="multipart/form-data" />
Box:
HTML
<div id="box" class="box">
<table border="0" bgcolor="#ffffff" width="100%" cellspacing="0" style="padding:10px;margin:0px;">
<tr>
<td valign="top">
<img src="images/ajax-loader.gif" name="loader">
</td>
<td valign="middle" align="center">
<b>Upload... bitte warten!</b>
</td>
</tr>
</table>
</div>
Alles anzeigen
CSS:
Code
#box {
background-color:#ffffff;
border:1px solid #222222;
position:relative;
left:300px;
bottom:1000px;
width:320px;
padding:25px;
margin:0px;
visibility:hidden;
}
Alles anzeigen
Das Window Element öffnet sich auch beim Absenden, aber leider ohne das animierte Gif. Es bleibt leer.
Gruß