Profile Enhancements - Upload Pic Progress Notification

This small modification at least lets members know their pictures are uploading.

Very easy to install or edit.

Open (album_picture_upload) Template

1- Find:

</head>

2- Above that add:

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

3- On the same template find:

<input type="submit" class="button" value="$vbphrase[upload_pictures]" accesskey="s" tabindex="1" />
	</div>

5- Replace with:

<input type="submit" class="button" value="$vbphrase[upload_pictures]" accesskey="s" tabindex="1" onClick="render('progress')" />
	</div>
<div align="center" style="display:none;" id="progress">Upload in progress, Please wait... &nbsp;<img src="/images/misc/13x13progress.gif" border="0"></div>

Of course I have a .png arrow image pointing up that is not animated, since on php a .gif file will not play while uploading.

That gives you the idea :up:

Screenshot attached

[christian8a]

I found other information about this but I had to put it on my own way.
By the way this is my first mod, very simple of course :erm:

[codershark]

instead of the text you can also put a progressbar into it

[christian8a]

A .swf file will work

[jim6763nva]

Couldn't you use that circular pattern of dots like when you are doing an edit on a message?

[christian8a]

Originally Posted by jim6763nva

Couldn't you use that circular pattern of dots like when you are doing an edit on a message?

It wont play the .gif file :erm:

[tanand79]

where can i find this template album_picture_upload

[christian8a]

Style Manager / Edit Templates / Album Templates / album_picture_upload

[dancue]

Can anyone show me how to make it a progress bar instead?

[NgocTam]

MOD Where ?