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

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:

<script language="JavaScript">
function render(t) {
	document.getElementById(t).style.display="";
}
</script>

Next find

					<td align="$stylevar[right]"><input type="submit" class="button" name="upload" value="$vbphrase[upload]" style="width:70px" /></td>

and replace it with

					<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

				</table>
			</fieldset>

and replace it with

				</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.

[Asterik]

Very nice

[imported_Skinny]

Doesn't seem to work for me. Uploading fails.

[tubedogg]

Do you get any errors? What browser are you using?

[imported_Skinny]

Hi mate. Ive tried using it with IE 6.0 and Firebird 0.7.
Having now looked at this, I have a feeling its not the mod that doesn't work.

Because I reverted back to the original style and am still getting the same error which is that the file simply failed.

[MrNase]

Originally Posted by tubedogg

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:

<script language="JavaScript">
  function render(t) {
  	document.getElementById(t).style.display="";
  }
  </script>

Next find

					<td align="$stylevar[right]"><input type="submit" class="button" name="upload" value="$vbphrase[upload]" style="width:70px" /></td>

and replace it with

					<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

				</table>
  			</fieldset>

and replace it with

				</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.

please put that in a *.txt-file and attach the file

[Brad]

Hi tubedogg, nice to see you over here. Can you put the modification in a .txt file? thanks.

[idwf]

works a treat!

[imported_Skinny]

Yep, its working great for me now. The problem I was having ahd nothing to do with the mod, it was a known error in the functions file.
Thanks again

[Tony G]

Great mod tubedogg, and good to see you here. But yeah, I second Brad.loo's statement of putting it into a document file. ^^;