Hey guys. I have a custom picture that I want in a loadingurl, dimensions of 700x700. I've managed to get the picture into the loadingurl so it's shown, that was pretty easy but the hard part is that I need help to show that "x Files remaining" on the loadingurl. I still have the code but it doesn't show up.
Here's my current code:
[CODE]<html>
<body>
<center>
<img src="BFG.jpg">
</center>
<script type="text/javascript">
var iFilesNeeded = 0;
var iFilesTotal = 0;
var bDownloadingFile = false;
function SetFilesNeeded( iNeeded )
{
iFilesNeeded = iNeeded;
RefreshFileBox();
}
function SetFilesTotal( iTotal )
{
iFilesTotal = iTotal;
RefreshFileBox();
}
function DownloadingFile( filename )
{
if ( bDownloadingFile )
{
iFilesNeeded = iFilesNeeded - 1;
RefreshFileBox();
}
document.getElementById( "loadingtext" ).innerHTML = "Downloading " + filename;
bCanChangeStatus = false;
setTimeout( "bCanChangeStatus = true;", 1000 );
bDownloadingFile = true;
}
function SetStatusChanged( status )
{
if ( bDownloadingFile )
{
iFilesNeeded = iFilesNeeded - 1;
bDownloadingFile = false;
RefreshFileBox();
}
document.getElementById( "loadingtext" ).innerHTML = status;
bCanChangeStatus = false;
setTimeout( "bCanChangeStatus = true;", 1000 );
}
function RefreshFileBox()
{
document.getElementById( "files" ).innerHTML = "<img src='download.png' style='position: relative; top: 7px;'> " + iFilesNeeded + " downloads remaining";
if ( iFilesTotal > 0 )
document.getElementById( "files" ).style.visibility = 'visible';
else
document.getElementById( "files" ).style.visibility = 'hidden';
}
RefreshFileBox();
</script>
</body>
</html>[/CODE]
