The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

the problem with this solution is that .click() doesnt work in firefox..

Just position the invisible file input's button just above your graphical button, and everything should work. You only have to mask the file input's textfield somehow, so the user cannot accidentally click on it. Of course you would have to find a way to display the selected file's name, and offer a solution to remove the selected file.

You still would have problems because there is no way to set the dimensions of the button on the original file input (the text on it depends on the browser and the language of the operating system), but currently the only satisfying solution would be to use Flash for file uploads, and of course this is not an option in every case.

Just position the invisible file input's button just above your graphical button, and everything should work. You only have to mask the file input's textfield somehow, so the user cannot accidentally click on it. Of course you would have to find a way to display the selected file's name, and offer a solution to remove the selected file.

You still would have problems because there is no way to set the dimensions of the button on the original file input (the text on it depends on the browser and the language of the operating system), but currently the only satisfying solution would be to use Flash for file uploads, and of course this is not an option in every case.