vis gif animation mens billed bliver uploadet
Kan det lade sig gøre at vise en gif animation mens en side er igang med at uploade en fil?Siden bliver åbnet som et dialog vindue. Og indeholder et iframe med sig selv i så det kan lade sig gøre at navigere rund i dialog vinduet.
Jeg har forsøgt mig med følgende kode, men der sker ikke noget mens jeg uploader :(
<%
If Request("init") <> "" Then
%>
<html>
<head>
<title>Vælg et billede</title>
<script type="text/JavaScript">
<!--
var myOpener = window.dialogArguments;
var g_bFrame1Loaded = false;
var g_intTimer = 0;
function checkLoad() {
if(g_bFrame1Loaded) {
clearTimeout( g_intTimer );
document.getElementById('overlay').style.visibility = "hidden";
document.getElementById('loading').style.visibility = "hidden";
} else {
g_intTimer = setTimeout( "checkLoad()", 1000 );
document.getElementById('overlay').style.visibility = "visible";
document.getElementById('loading').style.visibility = "visible";
}
}
//-->
</script>
<style type="text/css">
html, body { height: 100%; margin: 0px; }
#overlay { background-color: #3c3c3c; position: absolute; z-index: 5; width: 100%; height: 100%; filter: alpha(opacity=20) }
#loading { position: absolute; z-index: 10; width: 100%; height: 100% }
</style>
</head>
<body onload="java script:checkLoad();">
<div id="overlay"></div>
<div id="loading">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr height="100%">
<td align="center" valign="middle" width="100%" height="100%"><img src="loading.gif" height="50" width="170" border="0"></td>
</tr>
</table>
</div>
<iframe src="productimage.asp" style="width:100%;height:100%" frameborder="0" name="content"></iframe>
</body>
</html>
<%
Else
%>
<html>
<head>
<title>Vælg et billede</title>
<link rel="stylesheet" type="text/css" href="css/cms.css">
<script language="JavaScript">
<!--
var callerWindowObj = dialogArguments;
function getInfoAndUpdate() {
callerWindowObj.pImage = document.form.chooseImage.value;
callerWindowObj.update();
window.close();
}
function cancel() {
window.close();
}
// -->
</script>
</head>
<%
strMode = Request("mode")
If strMode = "upload" Then
Set Upload = Server.CreateObject("Persits.Upload.1")
Upload.SaveVirtual("../images/products/temp/")
For Each File in Upload.Files
strFilePath = "../images/products/temp/" & File.OriginalFileName
Next
%>
<body onload="parent.g_bFrame1Loaded = true;" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<form name="form" method="POST" enctype="multipart/form-data" action="productimage.asp?mode=upload">
<img src="images/noimg.gif" height="80" width="70" border="0" name="pImg">
<input type="file" size="50" name="file">
<input type="submit" value=" Upload ">
<input value="Ok" type="button" onclick="java script:getInfoAndUpdate();">
<input value="Cancel" type="button" onclick="java script:cancel();">
<input type="hidden" value="<%= strFilePath %>" id="chooseImage">
</form>
<script language="JavaScript">
<!--
document.form.pImg.src = "<%= strFilePath %>";
// -->
</script>
</body>
</html>
<%
Else
%>
<body onload="parent.g_bFrame1Loaded = true;" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<form name="form" method="POST" enctype="multipart/form-data" action="productimage.asp?mode=upload">
<img src="images/noimg.gif" height="80" width="70" border="0" name="pImg">
<input type="file" size="50" name="file">
<input type="submit" value="Upload">
<input value="Ok" type="button" onclick="java script:getInfoAndUpdate();" disabled>
<input value="Cancel" type="button" onclick="java script:cancel();">
<input type="hidden" value="<%= strFilePath %>" id="chooseImage">
</form>
<script language="JavaScript">
<!--
document.form.pImg.src = callerWindowObj.document.form.pImg.src;
// -->
</script>
</body>
</html>
<%
End If
End If
%>
Er der en anden måde at gøre det på?
