Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 1946 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Upload Forms

Thread title: Upload Forms
Closed Thread    
    Thread tools Search this thread Display Modes  
06-09-2007, 05:42 AM
#1
mnkey_rbbr is offline mnkey_rbbr
mnkey_rbbr's Avatar
Status: Member
Join date: Apr 2006
Location: New Plymouth, New Zealand
Expertise:
Software:
 
Posts: 415
iTrader: 1 / 100%
 

mnkey_rbbr is on a distinguished road

Send a message via AIM to mnkey_rbbr Send a message via MSN to mnkey_rbbr

  Old  Upload Forms

Is there anyway of styling image upload forms, (besides the limited options available)?

For example, getting an image as the background of the form, or making the browse button an image?

06-09-2007, 09:45 AM
#2
Tom is offline Tom
Tom's Avatar
Status: I Code Things
Join date: Aug 2005
Location: UK
Expertise:
Software:
 
Posts: 1,998
iTrader: 14 / 100%
 

Tom is on a distinguished road

Send a message via MSN to Tom

  Old

To make the browse button you can do this by using the following code:

Code:
<input type="image" src="your image path" value="browse" />
And as for getting an image as the background of a form do you mean the text box or the whole form?

06-09-2007, 11:29 AM
#3
mnkey_rbbr is offline mnkey_rbbr
mnkey_rbbr's Avatar
Status: Member
Join date: Apr 2006
Location: New Plymouth, New Zealand
Expertise:
Software:
 
Posts: 415
iTrader: 1 / 100%
 

mnkey_rbbr is on a distinguished road

Send a message via AIM to mnkey_rbbr Send a message via MSN to mnkey_rbbr

  Old

When i use that code it creates a second submit button...

and i mean the text box as well, thanks for your help so far

06-09-2007, 01:00 PM
#4
Steven Fergus is offline Steven Fergus
Status: Hey, I'm Steven
Join date: Feb 2007
Location:
Expertise:
Software:
 
Posts: 1,212
iTrader: 3 / 100%
 

Steven Fergus is on a distinguished road

  Old

The upload button is easy enough to style, the browse button however is harder: Because the browse button comes with the login field
Code:
<input type="file" id="userfile" name="userfile" />
There is a way to style the login field and the browse button, using JavaScript, if I remember correctly. I used to have it saved in my favorites, but I can't seem to find it now.

06-09-2007, 03:42 PM
#5
Vizon is offline Vizon - Click for my Image
Status: R'tard
Join date: Jan 2007
Location: USA
Expertise:
Software:
 
Posts: 2,959
iTrader: 21 / 100%
 

Vizon is an unknown quantity at this point

  Old

There really isn't without hacks, use flash or JS.

06-09-2007, 09:18 PM
#6
mnkey_rbbr is offline mnkey_rbbr
mnkey_rbbr's Avatar
Status: Member
Join date: Apr 2006
Location: New Plymouth, New Zealand
Expertise:
Software:
 
Posts: 415
iTrader: 1 / 100%
 

mnkey_rbbr is on a distinguished road

Send a message via AIM to mnkey_rbbr Send a message via MSN to mnkey_rbbr

  Old

okay thanks, ill google the javascript hacks now...

06-10-2007, 04:16 AM
#7
vesselin is offline vesselin
Status: I'm new around here
Join date: Feb 2007
Location: Bulgaria
Expertise:
Software:
 
Posts: 20
iTrader: 0 / 0%
 

vesselin is on a distinguished road

  Old

You may want to take a look at the following page: http://demo.table2css.com
(You have to choose File as source type in order to see the styled upload button).

I am styling the upload browse button there using js+css. It works fine in IE/FF. I haven't tried any other browsers though.

Closed Thread    


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

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed