Discussion :

[jgfa9]

Bonjour à tous,
J'ai un formulaire dans lequel j'ai un input type="file" qui me génère donc en html un champ de saisie et un bouton "Parcourir". Y-a-t'il un moyen en javascript d'interdire la saisie dans le champ (pour obliger en quelque sorte l'utilisateur à cliquer sur le bouton Parcourir et ne pas rentrer n'importe quoi dans le champ) ? J'ai essayé disabled sur le nom donné au imput type="file" mais évidemment, ça me désactive tout, le bouton compris.
Je suis consciente que cette question est limite une question html, mais merci d'avance si vous avez une solution.
Julie

[SpaceFrog]

readonly

[SpaceFrog]

ha ben non ça marche pas...

bon alors essaye ça:

Code :

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

<input type='file' id="PV" onkeydown='this.blur()' oncontextmenu='this.blur()' />

ou encore:

Code :

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

<input type='file' id="PV" onkeydown='return false' onmousedown='return false' oncontextmenu='return false' />

[jgfa9]

Merci pour ces réponses si rapides ! Effectivement les deux dernières solutions fonctionneent... même si ça donne un comportement un peu bizarre : on a l'impression de pouvoir écrire (on a le curseur qui apparait quand on clique sur le champ) mais quand on tape sur le clavier il ne se passe rien. C'est sûr que c'est mieux que rien mais l'idéal aurait quand même été d'avoir un comportement du type "readonly".
En tout cas, merci pour ton aide !

[SpaceFrog]

sinon un peu plus bizarre...

Code :

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

<input type='file' id="PV" onkeydown='return false' onmousedown='return false' oncontextmenu='return false' style="width:0px;border:0px;" />

et tu peux associer un input text en y transférant la valeur sur le onchange ...

[SpaceFrog]

le temps de tester ...

Code :

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

1
2
<input type='text' id="File" readonly/>
<input type='file' id="PV" onkeydown='return false' onmousedown='return false' oncontextmenu='return false' style="width:0px;border:0px;" onchange="document.getElementById('File').value=this.value"/>

[SpaceFrog]

ça mérite un " trucs et astuces " ça non ?

[jgfa9]

Merci encore !
Je préfère cette dernière solution mais (sans vouloir faire la difficile) elle a l'inconvénient de rendre un bouton sans bords (border:0px) et ce n'est pas très esthétique. On ne peut pas spécifier par css de modifier les bords du champ et pas ceux du bouton ?

[siddh]

[SpaceFrog]

le problème c'est que la bordure s'applique au bouton et à la zone de saisie ..

donc si tu ne fais pas border:0px, la zone de saisie redevient visible...


teste ça:

Code :

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

style="width:0px;border:outset 1px white;"

il faudrait mettre un bouton et avoir l'input file en hidden ...
mais je ne sais pas si tous les navigateur acceptent le declenchenment d'un input file dynamiquement:

Code :

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

1
2
3
<input type='text' id="File" readonly/>
<input type="button" onclick="document.getElementById('PV').click()" value="Parcourrir" />
<input type='file' id="PV" onkeydown='return false' onmousedown='return false' oncontextmenu='return false' style="visibility:hidden" onchange="document.getElementById('File').value=this.value"/>

a tester sous firefox ...

[SpaceFrog]

c'est bien ce que je pensais... firefox ne l'accepte pas ...

[jgfa9]

Bon et bien merci pour tout !

[shwin]

La grenouille est pas mal excité