[Release - Gamma] Psuedo-progress bar for uploading attachments

[Release - Gamma] Psuedo-progress bar for uploading attachments

Mod Version: 1.00, by tubedogg

This modification is in the archives.

vB Version:	Rating: (0 vote - 0 average)	Installs: 1
Released: 06 Dec 2003	Last Update: Never	Downloads: 4
Not Supported

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.

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.

Edit: Instructions are now also in an attached text file, the progress.gif file you need is also attached.

Download

This modification is archived and cannot be downloaded.

Screenshots

[Release] - [Gamma] - 2 language sets for vb3 gamma	vBulletin 3.0 Template Modifications
[release] - [Gamma] -Top Poster on ForumHome!	vBulletin 3.0 Template Modifications
[release] Progress bar in newreply	vBulletin 2.x Template Modifications

vBulletin LTS