[INPUT type='file']

**Capt. Flame** · 02/12/2005, 13h46

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 :

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

document.getElementById('MyInputFile').onclick

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

Quelqu'un aurait une idée?

**SpaceFrog** · 02/12/2005, 13h51

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
<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

**Capt. Flame** · 02/12/2005, 13h54

Ok, de toute façon, je travaille dans un intranet sous IE... Merci, je vais essayer ça...

**Capt. Flame** · 02/12/2005, 13h56

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

Merci SpaceFrog!

**SpaceFrog** · 02/12/2005, 13h59

ça arrive aux meilleurs

**Capt. Flame** · 02/12/2005, 16h10

Non! C'est pas

, 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?

**SpaceFrog** · 02/12/2005, 16h24

plus moyen de faire un submit ???

le file est transféré dans le champs visible

**Capt. Flame** · 02/12/2005, 16h35

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!!!

**SpaceFrog** · 02/12/2005, 16h42

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();
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 ???

**Capt. Flame** · 02/12/2005, 16h54

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....

[INPUT type='file']

JavaScript

Vue hybride

Discussions similaires

Partager

Partager