Show image when form is submitted?
<p>Using Javascript I would like to show a working/loading image once a user hits submit on my form.  The form is used to upload video's so it can take a while for the file to upload.  Once the file is done uploading the page reloads so the loading image would not need to be visible anymore.</p>

<p>Can anyone help me with this please?</p>

<pre><code>&lt;form method="POST" enctype="multipart/form-data" action=""&gt; 
&lt;input type="hidden" name="MAX_FILE_SIZE" value="5120000" /&gt; 
&lt;input type="hidden" name="upload" value="yes"&gt; 

First Name: &lt;input type="text" name="firstname"&gt;&lt;br&gt; 

Email: &lt;input type="text" name="email"&gt;&lt;br&gt; 

Email Confirmation: &lt;input type="text" name="email2"&gt;&lt;br&gt; 

Video Title: &lt;input type="text" name="title"&gt;&lt;br&gt; 

Video Description: &lt;input type="text" name="description"&gt;&lt;br&gt; 

Video to upload: &lt;input type="file" name="uploadedfile"&gt;&lt;br&gt; 

Terms: &lt;input type="checkbox" name="terms"&gt; Must be checked to accept our terms of service.&lt;br&gt;&lt;br&gt; 

&lt;input type="submit" value="Upload Video"&gt; 

&lt;/form&gt; 
</code></pre>
