showing an progress indicator

[furynick]

hi
i don't know anything about javascript.
i want to do that;
there is a submit button. that sends a file to my server.
i want it to display loading.gif when i pressed the submit button.

for example this is my html code

<input type="button" onclick="ShowImage('loading.gif')" value="Submit">
when i press "Submit" it should display loading.gif

the problem is i don't know how can i code the ShowImage function.
please help
thanks.

[thetestingsite]

Try this (in the head of the document):



<script type="text/javascript">
function ShowImage(img) {

var obj = document.getElementById('imgDiv');

obj.innerHTML = '<img src="'+img+'" alt="Loaded Image">';
}
</script>


Then, wherever you want the image to show up (when you click on the button), place this:



<div id="imgDiv"></div>


Hope this helps.

[furynick]

thanks a lot :)))