forcer le bouton parcourir du tag input type="file" en anglais

**belfafi** · 13/04/2012, 21h37

Bonsoir à tous,
Je vais présenter mon problème brièvement.
Ca fait une longue période que je cherche à mettre le bouton parcourir du tag input type="file" en anglais "(Browse") comme mentionné dans le fichier joint, mais je ne me suis pas arrivée même avec du CSS.
Si quelqu'un connait la solution à ce problème, merci de la communiquer parce que j'en ai vraiment besoin pour mon projet.
Merci d'avance.

**Willpower** · 13/04/2012, 23h04

Sur un navigateur anglais, il s'affichera en anglais ... autrement tu te crées un autre button (type=button) voir une image que tu superpose à l'original et tu masques ce dernier (visibility:hidden).

**belfafi** · 14/04/2012, 12h45

Merci Willpower pour ta réponse, mais est ce que tu peux détailler encore s'il te plait

**Willpower** · 14/04/2012, 13h06

tu crées un autre élément avec la bonne apparence en dessous de ton vrai bouton "file". Et tu caches le vrai avec le style "visibility:hidden" ainsi quand un utilisateur verra ton beau bouton, il cliquera dessus mais en réalité il cliquera sur le vrai bouton "file" qui se trouve au dessus mais qu'il ne voit pas.

**belfafi** · 14/04/2012, 14h01

Tu veux dire que je crée mon input type="file" comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="file" id="inputfile" visibility="hidden"/>

puis je crée un autre bouton:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" value="browse"/>

??
Merci d'avance pour ta réponse

**Willpower** · 14/04/2012, 20h28

Oui, un peu près, note que le "visibility" est une propriété de style/css.

edit: après un rapide test, visibilty hidden annule les actions sur l'élément, tu dois donc plutot utiliser opacity:0 comme ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<html><body>
<button style="width:250px">browse</button>
<input type="file" style="opacity:0;position:absolute;left:0;"/>
</body></html>

NB: pour IE8 et plus anciens, tu devrais remplacer "opacity:0;" par "filter:alpha(opacity=0);"

forcer le bouton parcourir du tag input type="file" en anglais

JavaScript

Discussions similaires

Partager

Partager