[INPUT type='file']

Version imprimable

02/12/2005, 13h46
Capt. Flame

[INPUT type='file']

Salut,
J'aimerais cacher mon input file et sur le clic d'un autre bouton, ouvrir la fenêtre de sélection.

Je voudrais faire quelque chose du genre:

Code:

document.getElementById('MyInputFile').onclick

Mais ça ne fonctionne pas comme ça...

Quelqu'un aurait une idée?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type='text/javascript'>
function getfile(){
document.getElementById('hiddenfile').click();
document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value
}
</script>
 
</head>
 
<body>
<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>

mais je crois que ça ne marche que sous IE

02/12/2005, 13h54
Capt. Flame

Ok, de toute façon, je travaille dans un intranet sous IE... Merci, je vais essayer ça...
02/12/2005, 13h56
Capt. Flame

Comme un novice!!! C'était pas onclick() mais click()!!!!

Merci SpaceFrog!
02/12/2005, 13h59
SpaceFrog

ça arrive aux meilleurs :wink:
02/12/2005, 16h10
Capt. Flame

Non! C'est pas :resolu:, Le problème quand tu assigne le file de cette façon, il n'y a plus moyen de faire un submit!!! As tu une solution?
02/12/2005, 16h24
SpaceFrog

plus moyen de faire un submit ???

le file est transféré dans le champs visible
02/12/2005, 16h35
Capt. Flame

heee... Je suis pas certain de comprendre ta réponse...

Je t'explique ce qui se passe. Si je place un bouton submit je dois appuyer deux fois et la première fois il vide mon INPUT et la 2e il submit... Si j'essaie de faire un form.submit(), j'ai un access denied!!!

Code:

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();
document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value
}
</script>
 
</head>
 
<body>
<form action="javascript:alert(document.getElementById('selectedfile').value)">
<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" />
<input type="submit" value="envoyer" /> 
</form>
<input id=

fonctionne parfaitement ???

02/12/2005, 16h54
Capt. Flame

Bon, le problème semble venir du fait que je travail en .NET et que je dois mettre mon objet runat="server" pour l'accéder du côté serveur et c'est à ce moment que ça ne fonctionne plus....