How to change button's text

koitech · 07-06-2007, 05:27 AM

Hi frndz.
I am facing a very basic problem. I have a form. and in that form I want users to upload a file. Now I want to change the text for the Browse button. I want to write something else other than the browse on that button.
So can anyone tell me how to change the text of that button?

Bagi Zoltán · 07-06-2007, 06:22 AM

Would you be so kind to show us the code of the mentioned form?

lwbbs · 07-06-2007, 07:10 AM

Use JavaScript to do it.

Quote:

Originally Posted by koitech

Hi frndz.
I am facing a very basic problem. I have a form. and in that form I want users to upload a file. Now I want to change the text for the Browse button. I want to write something else other than the browse on that button.
So can anyone tell me how to change the text of that button?

koitech · 07-06-2007, 09:52 AM

<input name="filename" type="file">
this shows a browse button and text box,where we can enter the file name.
i just want to change the text on the browse button.
and lwbbs..can you please tell me how to do that with javascript
i mean give me the code to change the text.
thanks

Bagi Zoltán · 07-06-2007, 09:57 AM

If i were you i would try this code i guess it will work. <input name="filename" type="file" value="Browser button name">

koitech · 07-06-2007, 09:59 AM

hehehe
i have tried this bagi zoltan
but it is not working....

winxclub · 07-07-2007, 07:05 PM

It is made difficult for the simple fact of security. So people are not mislead or tricked into uploading files they would not want uploaded.

winxclub · 07-07-2007, 07:26 PM

Okay, I did some searching and found this. I do not know if it will work when put with the upload button. I have my own upload file script on my site, so I might try it out.

Code:

<form>
<input class="inputBox" id="browseFile" type="file" name="browseFile">
<input onclick="dome()" type="Button" id="btn_Browse" style="Z-INDEX: 100; POSITION: relative; TOP: 1px; left: -87px; background:#D8E1A4;border:2px solid;Width:80" value="Browse">
</form>
<script>
function dome() {
var btn = document.getElementById("browseFile");
btn.click();
}
</script>

Just change the value text to whatever you wish.

May I also ask why you want to change the text? Do you want to use "Add" or something like that?

Zack · 07-08-2007, 02:47 AM

The javascript that winxclub will work, however, users may deter from using a field if not Browse. Good find winxclub, though, and I hope that works for you.
Zack

winxclub · 07-09-2007, 04:27 AM

Thanks, though I tried it with my script and it did not work. Would not upload the files--when I clicked the upload buttons it just made the filename box to be uploaded blank. That's probably a good thing though, because I really do not see why anyone would need to change the text. Not necessarily talking about you koitech, but it seems as though it could lead to underhanded things.

koitech · 07-10-2007, 05:40 AM

well it did not work for me as well.
and I am developing a website in my local language. On that site,everything is in my local language. So I want to write on browse button some text in my local language. That is why I am asking you people for help.

winxclub · 07-10-2007, 07:00 PM

Whatever language your visitor has for their browser, that is the language in which the word for browse will be used.

If you still want to though, here is another link that may help you:
http://www.dreamincode.net/forums/showtopic15621.htm

lwbbs · 07-11-2007, 06:30 AM

For this type, JavaScript can't handle.
You can refer the following post:
http://www.quirksmode.org/dom/inputfile.html
winxclub's answers use the same method.

Quote:

Originally Posted by koitech

<input name="filename" type="file">
this shows a browse button and text box,where we can enter the file name.
i just want to change the text on the browse button.
and lwbbs..can you please tell me how to do that with javascript
i mean give me the code to change the text.
thanks

07-06-2007, 05:27 AM	#1
koitech Smurf Join Date: Jun 2007 Posts: 29	How to change button's text Hi frndz. I am facing a very basic problem. I have a form. and in that form I want users to upload a file. Now I want to change the text for the Browse button. I want to write something else other than the browse on that button. So can anyone tell me how to change the text of that button? __________________ MarbleHost.com - reliable web hosting service

07-06-2007, 06:22 AM	#2
Bagi Zoltán iWEBTOOL Moderator Contributor Join Date: Aug 2006 Location: Hungary Posts: 1,862	Re: How to change button's text Would you be so kind to show us the code of the mentioned form? __________________ █ Time may come when you will need an excellent eCommerce shopping cart software █ free seo related web directory precíziós mérleg Free shopping cart

07-06-2007, 09:52 AM	#4
koitech Smurf Join Date: Jun 2007 Posts: 29	Re: How to change button's text <input name="filename" type="file"> this shows a browse button and text box,where we can enter the file name. i just want to change the text on the browse button. and lwbbs..can you please tell me how to do that with javascript i mean give me the code to change the text. thanks __________________ MarbleHost.com - reliable web hosting service

07-06-2007, 09:57 AM	#5
Bagi Zoltán iWEBTOOL Moderator Contributor Join Date: Aug 2006 Location: Hungary Posts: 1,862	Re: How to change button's text If i were you i would try this code i guess it will work. <input name="filename" type="file" value="Browser button name"> __________________ █ Time may come when you will need an excellent eCommerce shopping cart software █ free seo related web directory precíziós mérleg Free shopping cart

07-06-2007, 09:59 AM	#6
koitech Smurf Join Date: Jun 2007 Posts: 29	Re: How to change button's text hehehe i have tried this bagi zoltan but it is not working.... __________________ MarbleHost.com - reliable web hosting service

07-07-2007, 07:05 PM	#7
winxclub Newcomer Join Date: Jul 2007 Posts: 7	Re: How to change button's text It is made difficult for the simple fact of security. So people are not mislead or tricked into uploading files they would not want uploaded.

07-07-2007, 07:26 PM	#8
winxclub Newcomer Join Date: Jul 2007 Posts: 7	Re: How to change button's text Okay, I did some searching and found this. I do not know if it will work when put with the upload button. I have my own upload file script on my site, so I might try it out. Code: <form> <input class="inputBox" id="browseFile" type="file" name="browseFile"> <input onclick="dome()" type="Button" id="btn_Browse" style="Z-INDEX: 100; POSITION: relative; TOP: 1px; left: -87px; background:#D8E1A4;border:2px solid;Width:80" value="Browse"> </form> <script> function dome() { var btn = document.getElementById("browseFile"); btn.click(); } </script> Just change the value text to whatever you wish. May I also ask why you want to change the text? Do you want to use "Add" or something like that?

07-08-2007, 02:47 AM	#9
Zack Junior Guru Join Date: Dec 2005 Location: North Carolina Posts: 760	Re: How to change button's text The javascript that winxclub will work, however, users may deter from using a field if not Browse. Good find winxclub, though, and I hope that works for you. Zack __________________ Thumpr ~ Xcolored

07-09-2007, 04:27 AM	#10
winxclub Newcomer Join Date: Jul 2007 Posts: 7	Re: How to change button's text Thanks, though I tried it with my script and it did not work. Would not upload the files--when I clicked the upload buttons it just made the filename box to be uploaded blank. That's probably a good thing though, because I really do not see why anyone would need to change the text. Not necessarily talking about you koitech, but it seems as though it could lead to underhanded things.

07-10-2007, 05:40 AM	#11
koitech Smurf Join Date: Jun 2007 Posts: 29	Re: How to change button's text well it did not work for me as well. and I am developing a website in my local language. On that site,everything is in my local language. So I want to write on browse button some text in my local language. That is why I am asking you people for help. __________________ MarbleHost.com - reliable web hosting service

07-10-2007, 07:00 PM	#12
winxclub Newcomer Join Date: Jul 2007 Posts: 7	Re: How to change button's text Whatever language your visitor has for their browser, that is the language in which the word for browse will be used. If you still want to though, here is another link that may help you: http://www.dreamincode.net/forums/showtopic15621.htm

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Google change SERP with change of Title	peterko	Google	5	06-25-2007 04:53 PM
What Is Change???	AmericanOnlineMall	General Talk	1	06-07-2007 10:00 PM
As We Change®	vbk2	Advertise your website	0	05-11-2007 09:25 AM
Change DB Name	pakadtrader	MySQL	6	02-09-2007 07:56 PM
Seriously takes 2 minutes of your time, this will change the way you buy text links	www.buulk.com	Advertise your website	5	04-14-2006 06:35 PM