I have seen some elaborate ones out there.
I just setup one where it changes the submit button text and disables
the button.
See attached (this my earlier days of JS so don't beat me up to bad)
Ben Johansen - http://www.pcforge.com
Authorized Witango Reseller http://www.pcforge.com/WitangoGoodies.htm
Authorized MDaemon Mail Server Reseller
http://www.pcforge.com/AltN.htm
-----Original Message-----
From: Chris Millet [mailto:[EMAIL PROTECTED]
Sent: Friday, June 13, 2003 3:10 PM
To: [EMAIL PROTECTED]
Subject: Witango-Talk: Needed: File Upload Progress Bar
Does anyone have any suggestions for creating a progress bar for file
upload? Or at the very least, some indicator so the user doesn't think
the
page is hanging.
Thanks,
Chris
________________________________________________________________________
TO UNSUBSCRIBE: Go to http://www.witango.com/maillist.taf
________________________________________________________________________
TO UNSUBSCRIBE: Go to http://www.witango.com/maillist.taf
<H2 ALIGN=LEFT>Upload file</H2>
<FORM NAME="DLForm" onSubmit="return ChkName();" ENCTYPE="multipart/form-data"
METHOD=POST ACTION="<@CGI><@APPFILE>?_function=DLSave&<@UserReferenceArgument>">
<INPUT TYPE=FILE SIZE=40 NAME="DLFile">*
<INPUT TYPE=HIDDEN NAME="LoadFile" VALUE="">
<P>
* <span style="color: Red;">Do not change the name of the file here</span><br>
<INPUT TYPE=SUBMIT NAME="Submit" VALUE="Load File">
<INPUT TYPE=RESET VALUE=Reset>
</FORM>
<SCRIPT language="JavaScript">
<!-- Begin JavaScript
var ClickCount = 0;
function ChkName()
{
if (ClickCount > 0)
{
return false;
}
else
{
ClickCount=ClickCount + 1;
DLForm.Submit.value = "Loading Please Wait...";
var FNC = new String(document.DLForm.DLFile.value);
if (FNC.toUpperCase().indexOf(".PDF") == -1)
{
alert("Must be a PDF file");
return false;
}
else
{
//alert(FNC.substr((FNC.lastIndexOf("\\") + 1),(FNC.length -
FNC.lastIndexOf("\\")) ));
document.DLForm.LoadFile.value = FNC.substr((FNC.lastIndexOf("\\") +
1),(FNC.length - FNC.lastIndexOf("\\")));
return true;
}
}
}
// -- End JavaScript -->
</SCRIPT>