christian8a
03-16-2008, 10:00 PM
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... <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
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... <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