quarta-feira, 22 de maio de 2002

Personalizar botão PROCURAR no input type="file"

Muitas vezes gostaríamos de personalizar o botão de procurar ou browser (dependendo da língua do browser) que aparece quando usamos o input type=file. O código abaixo apresenta uma solução de contorno para esta personalização.


<HTML>
<HEAD>
<TITLE>Personalizando INPUT TYPE=FILE </TITLE>
</HEAD>
<BODY>
<INPUT TYPE="file" ID="filUpload" TYLE="display:none" onChange="txtFilename.value = this.value;">
<INPUT TYPE="text" ID="txtFilename" STYLE="FONT-FAMILY:Tahoma;FONT-SIZE:9pt" SIZE="25" DISABLED>
<INPUT TYPE="button" ID="btnBrowse" STYLE="FONT-FAMILY:Tahoma;FONT-SIZE:9pt;
BACKGROUND-COLOR:peachpuff" onClick="filUpload.click()"
 VALUE="Escolha o arquivo">
</BODY>
</HTML>



Esta matéria foi postada originalmente no ASP4Developers por Ben Hur Oliveira, que na época era "Analista de sistemas". Hoje, vai saber...

3 comentários:

Carlos Roberto P. Almeida Jr. disse...

[Enviado originalmente em 22/mai/2002 13:55:21]:

Ué cadê os scripts mencionados nos eventos?
Eles são irrelevantes?

[]´s
siddharth
carlos.webdev@bol.com.br

Ben Hur Oliveira disse...

[Enviado originalmente em 22/mai/2002 14:37:03]:

nos eventos estão métodos nativos, como o click, tudo que precisa está aí, não existem funções externas.

Henrique Silvsetrin Romero disse...

[Enviado originalmente em 04/jun/2003 21:17:49]:

Mas isso não é cross-browser, com certeza não funciona no Netscape =(