[RESOLVED] Uploading File Message

[jefterwil]

I have searched this forum for help on how to display a message when somebody is uploading a file. I haven't found any threads that can help me.

This website displays a message after you type in you search parameters "Your search is in progress..." and then shows the results. I want to display a similar message when a user uploads a file and may have to wait a while if they have a large file or slow bandwidth.

Is there a way to get a "Your image is uploading, please be patient" message that I can display during a file upload?

My upload script is currently in the same file as the HTML form tags. I've also tried sending the form data to a seperate php file and writing HTML before the PHP but all that seems to happen is the form page doesn't "refresh" until the file uploads

[planetsim]

Well you can use Javascript to detect the submit button being clicked (onsubmit)

Then display the message. Which is relatively easy however not all browsers have Javascript enabled.

Other than that you cant really do much, unless you wish to use Flash which again you have another set of problems.

[jefterwil]

I ended up using DHTML with an animated gif

Here is the code:

<form>
<input name="file" type=file class=inputphoto size="30">

<div id="waiting" style="text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ce0000; display: none; padding: 5px;">Please wait while the file uploads&nbsp;&nbsp;<img src="../images/upload_ani.gif" align="absmiddle"></div>

<input type="submit" name="Submit" value="Submit" onClick="document.getElementById('waiting').style.display = ''>

</form>

[kburger]

Very cool. I may have to try that out.

Thanks