Input de type File sans le champ ?

**DemonKN** · 27/01/2005, 11h54

Bonjour à tous,
je souhaiterais sur ma page avoir un input de type file où seul le bouton parcourir serait visible (donc le champ qui le précède serait caché/non affiché). Je ne vois pas comment faire. Quelqu'un à une idée ?
Merci.

**SpaceFrog** · 27/01/2005, 12h07

aller un petit effort ....

non toujours pas ??

c'était pourtant simple ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type='text/javascript'>
function getfile(){
document.getElementById('hiddenfile').click();
 
}
</script>
 
</head>
 
<body>
<input type="file" id="hiddenfile" style="display:none" />
 
<input type="button" value="cherche fichier" onclick="getfile()" />
 
 
</body>
 
</html>

**DemonKN** · 27/01/2005, 12h25

lol chuis con, merci

**SpaceFrog** · 27/01/2005, 12h28

Des fois quand on a le nez dans le guidon ...

en fait à la base ce code avait été trouvé pour mettre le texte du bouton en n'importe quelle langue ...

**DemonKN** · 27/01/2005, 15h21

oui ca peut etre pratique

pis tien, pour la peine j'ai mis une image à la place du bouton parcourir

ceci dit, j'ai une autre tite question, je sais pas si j'aurais la réponse sans faire un nouveau topic mais on sait jamais : j'aimerais pouvoir remettre à blanc mon input de type file, mais comme on peut pas changer sa value (pour des raisons claires de sécurité) je sais pas comment m'y prendre. Je pensais qu'un clearAttributes aurait ptetre pu faire l'affaire mais ca n'a pas marché ... une idée ?

edit : autant pour moi, le clearAttributes marche tres bien

IE m'a ptetre fait une tite crise d'urticaire à mon test précédent

**SpaceFrog** · 27/01/2005, 15h36

Code :

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

1
2
3
4
5
6
<form>
<input type="file" id="hiddenfile" style="display:none" />
<input type="text" id="selectedfile" />
<input type="button" id="dd" value="cherche fichier" onclick="getfile()" />
<input type="reset"  value="raz" />
</form>

**DemonKN** · 27/01/2005, 16h50

heu ouais mais nan, il est pas tout seul mon champ dans mon formulaire, le raz je pense qu'il aurait été un peu trop violent

**DemonKN** · 28/01/2005, 12h50

Envoyé par SpaceFrog

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type='text/javascript'>
function getfile(){
document.getElementById('hiddenfile').click();
 
}
</script>
 
</head>
 
<body>
<input type="file" id="hiddenfile" style="display:none" />
 
<input type="button" value="cherche fichier" onclick="getfile()" />
 
 
</body>
 
</html>