Displaying text when a user clicks Submit in a form

@dtcapenerJan 01.2008

Hey everybody,

I have a Image Hosting site

I was just wondering, would there be a way with JavaScript to make it so when a user click the Submit button in the upload form a bit of text displays saying something like, “Thank you, Please be patient while your image is uploaded”

I’ve looked around various places on the internet, and cannot find a code, but i have seen this type of thing on other websites.

Thanks in advanced,
dtcapener

to post a comment

JavaScript

@bradmasterxJan 01.2008 — #This might be what you are looking for:

[code=html]
 <form action="" method="post" name="upload" id="upload">
 <p>
 <input type="file" name="file" id="file">
 </p>
 <p>
 <input type="button" name="do" id="do" value="UPLOAD" onclick="setTimeout('document.upload.submit()', 2000); document.getElementById('txtFeedback').innerHTML = 'Thank you, Please be patient while your image is uploaded.';">
 <div id="txtFeedback"></div></p>
 </form>
 
 [/code]

@dtcapenerauthorJan 01.2008 — #thank you so much, it works perfectly ?

but i was wondering i want the submit button to disable itself when you click it too,

i have this peice of code for that:

[code=html]<input type="submit" onclick="this.disabled=true;">[/code]

but i do no know how to integrate it with the code bradmasterx gave me which is:

[code=html]<form action="" method="post" name="upload" id="upload">
 <p>
 <input type="file" name="file" id="file">
 </p>
 <p>
 <input type="button" name="do" id="do" value="UPLOAD" onclick="setTimeout('document.upload.submit()', 2000); document.getElementById('txtFeedback').innerHTML = 'Thank you, Please be patient while your image is uploaded.';">
 <div id="txtFeedback"></div></p>
 </form>
 [/code]

Could somebody please help me out with this please?

I've tried a few things but cannot get it to work ?

Thanks,

dtcapener

@magentaplacentaJan 02.2008 — #Just add it to the end of the onlick:

<form action="" method="post" name="upload" id="upload">

<p><input type="file" name="file" id="file"></p>

<p><input type="button" name="do" id="do" value="UPLOAD" onclick="setTimeout('document.upload.submit()', 2000); document.getElementById('txtFeedback').innerHTML = 'Thank you, Please be patient while your image is uploaded.'; [b]this.disabled=true;[/b]">

<div id="txtFeedback"></div></p>

</form>

Displaying text when a user clicks Submit in a form

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Displaying text when a user clicks Submit in a form

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴