Firstly I would like to apologize to Kier for ripping the progress.gif file off his site...but I searched and searched and searched and could find NOTHING to use for it, so there it is. Make your own if you can. [img]images/smilies/tongue.gif[/img]
Anyway this is a pseudo-progress bar for when you are uploading attachments, to show that something is happening.
Real easy, edit one template then upload the attached gif file and it works a treat.
In the
newattachment template, right above </head>, place this code:
Code:
<script language="JavaScript">
function render(t) {
document.getElementById(t).style.display="";
}
</script>
Next find
Code:
<td align="$stylevar[right]"><input type="submit" class="button" name="upload" value="$vbphrase[upload]" style="width:70px" /></td>
and replace it with
Code:
<td align="$stylevar[right]"><input type="submit" class="button" name="upload" value="$vbphrase[upload]" style="width:70px" onClick="render('progress')" /></td>
Finally, look down a few lines and find
Code:
</table>
</fieldset>
and replace it with
Code:
</table>
<div align="center" style="display:none;" id="progress"><img src="progress.gif" border="0"></div>
</fieldset>
Save and you're done. This should work in IE5+, Mozilla, Firebird, Netscape 7, and most other modern browsers, though I have only tried it in IE and Firebird.