ani gif stopper ved form upload
Jeg arbejder med en side hvor der potentielt kan forekomme større filer der skal uploades gennem en formular.Det jeg gerne vil er, at vise der er "arbejde" igang og at man bør vente pænt - det gør jeg ved onSubmit at åbne et layer med teksten og en anigif hvor der "løber" en bar. Idéen er fanget fra speednames, prøv at søg efter et domæne.
Problemet er, at når formen submitter og layeret bliver vist, vises første frame fra anigiffen men ikke flere. Sætter jeg et delay ind via JS, kan jeg også sagtens få den til at køre, indtil formen submitter, så fryser min anigif.
Hvordan undgår jeg at anigif'en fryser ? eller hvordan kan jeg evt på en anden måde løse problemet ?
Et hurtigt eksempel kan ses herunder :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.msgDiv {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 16px;
color : #363636;
}
#msgDiv {
position : absolute;
visibility : hidden;
z-index: 9;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
op = (navigator.userAgent.toLowerCase().indexOf("opera")!=-1) ? true: false;
ns = (document.layers && !op) ? true : false;
ie = (document.all && !op) ? true : false;
dom = (document.getElementById || op) ? true : false;
function showUpload() {
var obj = (ns) ? document.layers.msgDiv : (ie) ? document.all.msgDiv : document.getElementById("msgDiv");
if (ns) obj.visibility = "visible";
else obj.style.visibility = "visible";
}
//-->
</script>
</head>
<body>
<form action="uploadtest.php" method="post" enctype="multipart/form-data" name="test" id="test" onSubmit="showUpload();">
<input type="file" name="uploadfile"><br>
<input type="submit" name="submit" value="submit">
</form>
<div id="msgDiv" class="msgDiv">
Filen bliver uploadet, vent venligst ...<br>
<img src="upload.gif" width="400" height="20" alt="" border="0">
</div>
</body>
</html>
Test kan foretages på http://ljweb.biz/working/
/ Lars
