Button change thing

[Johnathan]

Hi, I'm making a file upload form and I need users to be able to click on the Browse button and it opens up file browser thing and lets them choose a file. When they select it and it and click ok I need the browse button to change from Browse to Upload. How would I do that?

[rangana]

Apparently, you can't actually, change the value of the "file" button.

However, you might find this link useful on a way to style the file button:
http://www.quirksmode.org/dom/inputfile.html
http://www.shauninman.com/archive/2007/ ... nd_the_dom

Hope that helps.

[Johnathan]

Thanks, I think that's the only stuff I found on it to. So is there any way to replace the Browse button image with the Upload image when a file is selected?

[Etheryte]

Couldn't you make two divs, first one with the browse button, the second one with the upload button? The first one would be visible at first and hidden after a file is selected and then vice verse. Could that work?

[Johnathan]

But something would have to detect that the file has been chose so I'm guessing if I an get that far I would be able to change the button image.

[rangana]

Haven't you tried to call a function once the "browse" button had been clicked.

Inside the function you could take a look if the value is empty, otherwise, then there could be some files being uploaded.

Additionally, the better way is to use an "onsubmit" event on the form that contains the "file" button. When someone submits, you could check for the "input type=file" button to see if there is a value, then you could show the "upload" button that you want and hide the "browse" button that you hate.

Hope that makes sense.

P.S. Happy New year to all

[Johnathan]

...No! lol I'm seriously terrible with JavaScript, I don't have any clue what so ever what is going on anywhere.