Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Browse button

Status
Not open for further replies.

jl8789

MIS
May 22, 2003
293
US
I was researching the forum for previous posts on this subject but didn't find anything that worked correctly. So I will ask again, "Does anyone know now how I can change the look of the Browse button, and replace it with something like an image?"

For the code, I have:
<form action="" ENCTYPE="multipart/form-data" METHOD="post">
<b>Banner GIF or JPEG</b>
<input type="file" name="Attachment" style="width:400px">
<br>

<input type='text'
name='file2'
id='file2'>

<img src="IRIS/IRIS/images/button-ArrowLeft.gif"
name="brower"
id="brower"
width="25" height="25" border="0"
alt="Click the button to upload an image to the note."
align="absmiddle"
onclick="document.all.Attachment.click();
document.all.file2.value=document.all.Attachment.value;">
<input type="submit" value="Upload" name="Upload">
</form>

But when you click Upload, the file field goes blank, then press it again and it submits the form, but field is blank?

Any help is greatly appreciated...Thank You!
 
No because it needs to work with the CF Browse functionalities. The enctype for the form needs to be multipart/form-data and the input a type of file.

<form action="" ENCTYPE="multipart/form-data" METHOD="post">
<b>Banner GIF or JPEG</b>
<input type="file" name="Attachment" style="width:400px">
 
If you want to change the look of it then i'd use CSS to do this if so then I'd ask at the CSS forum, but something like this will change the look of it:
input {
border: 1px solid silver;
font-size: 11px;
font-family: arial, helvetica, verdana, san-serif;
color: #777;
height:18px;
}

if you want to use an image to create the same functionality then i don't think that it can be done without the use of javascript, so ask at the javascript forum

Sorry I can't be of much help

Tony
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top