Méthode click(); sur un objet input : IE OK, mais MOZ NOK ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Méthode click(); sur un objet input : IE OK, mais MOZ NOK ?

skylight

Made in France.

Hello,

Pour des raisons techniques (déport de l'affichage d'un formulaire), j'ai effectué une modification quant à un formulaire de type "file".

Le formulaire de type "file" est caché, et je laisse apparaitre un champ texte avec un bouton.

Voici le code source :

Code :

<input type="text" name="toto" id="toto" />
<input type="button" name="truc" value="Choisir" onclick="ihih()" />
<input type="file" name="ahah" id="ahah" style="display:none;" />
<script type="text/javascript">
function ihih() {
document.getElementById('ahah').click();
document.getElementById('toto').value = document.getElementById('ahah').value;
}
</script>

Ca fonctionne sur IE.
Mais sur Mozilla, il ne se passe rien... vous avez une idée du pourquoi ?
Raisons de sécurité particulière ?

Sachant que je ne fais pas ceci pour changer le texte du bouton "parcourir", mais pour déporter le champ "file" dans un autre endroit de la page (là où il y a le formulaire en fait), pour des raisons d'interface...

En gros

HTML PAGE
INPUT TYPE FILE (il doit etre affiché ici)
blablabla

<form>
TOUS LES INPUTS en HIDDEN
<input type="submit" blablabla ... />
</form>

Merci à tous.

Publicité

FlorentG

[:pingouino] Je pige pas l'interêt [:johneh]

skylight

Made in France.

Moi non plus, mais on me demande de faire ça.
En gros, afficher un formulaire de type "file" à un autre endroit de la page, hors du formulaire caché rassemblant toutes les infos, et ce champ doit etre inclus lors de la validation...

skylight

Made in France.

J'passe tout mon temps sur cette connerie depuis ce matin, j'sens que le resp. technique va aller se faire foutre [:kiki]

masklinn

í dag viðrar vel til loftárása

Bon, déjà, comme florent j'ai du mal à voir l'intérêt: on modifie le comportement par défaut du navigateur pour rien au risque de gêner certains utilisateurs (javascript désactivé = DTC), de voir des bugs à la con apparaître (exemple ici, et IE et Moz/Fox ne sont pas les seuls navigateurs au mode) et de perdre tout le reste des utilisateurs, qui ne comprendront pas nécessairement la logique du bouzin.

C'est non seulement inutile, mais c'est illogique (on crée dans le markup des éléments redondants sans intérêt et on effectue des traitements redondants avec les actions natives pour rien) et dangereux

skylight a écrit :

document.getElementById('ahah').click();

wtf depuis quand les nodes ont un membre "click"? :heink:

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r

gatsusat

un champ de type file est read-only.

tu peux pas te permet d'ecrire un comptenu dans ce champ

FlorentG

Il fait l'inverse, il prend le contenu du file pour le mettre ailleurs

masklinn

í dag viðrar vel til loftárása

gatsusat a écrit :

un champ de type file est read-only.

tu peux pas te permet d'ecrire un comptenu dans ce champ

Il n'écrit pas dedans.

Il déclenche manuellement l'action de click de l'input file puis récupère la valeur pour la mettre dans un input text, donc il n'écrit jamais explicitement dans l'input file.

skylight

Made in France.

masklinn a écrit :

Je sais très bien tout ça... [:splinter]

Mais tu sais, dans le monde pro, parfois tu n'as pas le choix, tu ne peux pas forcément étaler toute ta science CSS/XHTML et sa sémantique correcte...

masklinn

í dag viðrar vel til loftárása

skylight a écrit :

Mais tu sais, dans le monde pro, parfois tu n'as pas le choix, tu ne peux pas forcément étaler toute ta science CSS/XHTML et sa sémantique correcte...

T'as toujours le choix d'expliquer au dissaïdor que ce qu'il demande est un non sens, et pourquoi [:spamafote]

Si tu l'as pas, il y a un problème dans la logique de fonctionnement de ta boite

Publicité

FlorentG

Et surtout pourquoi ce n'est pas réalisable

skylight

Made in France.

masklinn a écrit :

T'as toujours le choix d'expliquer au dissaïdor que ce qu'il demande est un non sens, et pourquoi [:spamafote]

Si tu l'as pas, il y a un problème dans la logique de fonctionnement de ta boite

Il comprend très bien, mais c'est ce que le client demande...

Vous croyez que je me la joue bourrin en positionnant le formulaire "file" de manière absolue ? [:ddr555] ?

masklinn

í dag viðrar vel til loftárása

skylight a écrit :

Il comprend très bien, mais c'est ce que le client demande...

Le principe est le même, c'est à toi en tant que concepteur/designer d'expliquer au client pourquoi c'est bien/mal de faire quelque chose (avec des arguments qui lui parlent), de le mettre en garde [:spamafote]

skylight

Made in France.

Et je continue, j'ai déjà expliqué tout ça au client, mais il reste sur sa position, c'est-à-dire qu'il veut ceci exactement [:spamafote]
Moi je m'en fous...

FlorentG

En fait, c'est pour faire un input file, mais avec un style spécial ?

FlorentG

Solution ici : http://www.quirksmode.org/dom/inputfile.html

skylight

Made in France.

Je connaissais cette technique, mais malheureusement ce n'est pas le sujet du problème

Enfin bon j'vais positionner mon truc en absolu, ça sera plus vite réglé ...

Enfin,

Citation :

Unfortunately Mozilla and Opera haven't added this method to file upload fields

Donc j'ai pas rêvé. Firefox ne supporte pas encore la fonction click(); sur les inputs de type file.

FlorentG

Ah ? Mais ça permet d'avoir ton input planqué, et d'avoir le reste à la place. Donc j'ai vraiment pas du piger

gatsusat

ca fait un peu gros trou de sécurité quand même ca, de cliquer à la place de l"humain.
tu diras au client que c'est naze ce qu'il cherche à faire

antp

Super Administrateur
Champion des excuses bidons

skylight a écrit :

Vous croyez que je me la joue bourrin en positionnant le formulaire "file" de manière absolue ? [:ddr555] ?

Je trouve ça moins bourrin de positionner l'input via CSS pour qu'il soit visuellement à un autre endroit que d'aller faire cette bidouille en JS. C'est un peu le but des CSS et des positionnements absolu, garder une sémantique correcte dans le HTML mais tout boulverser à l'affichage.

Message édité par antp le 23-06-2005 à 16:52:36

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

j_lecruel

☀ ☁ ☂

masklinn

í dag viðrar vel til loftárása

+2 http://www.snook.ca/archives/000376.html

skylight

Made in France.

FlorentG a écrit :

Ah ? Mais ça permet d'avoir ton input planqué, et d'avoir le reste à la place. Donc j'ai vraiment pas du piger

Pour ta technique, il faut que les 2 inputs "file" et text soient l'un en dessous de l'autre. (C'est ce qui donne l'impression de cliquer sur le bouton alors qu'en fait tu cliques sur l'input "file" ).
Ou alors c'est moi qui n'ai rien compris.

Hors, moi, il faut qu'ils soient à des endroits différents (visuellement)

FlorentG

Waaaa ok. Donc on voit les deux ?

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Méthode click(); sur un objet input : IE OK, mais MOZ NOK ?

Sujets relatifs
insere un objet dans un Fichier RFT	Drag impossible sur un objet créé dynamiquement ?
Transformer mon code PHP en PHP Objet	Exécuter une méthode d'un objet dans un Thread
rendre un input text impossible à modifier ?	remplir un input
[VB.Net] Click droit dans l'explorateur	Appel de la méthode OnMouseDown d'une grille sous C++ Builder
Gros problème <input type='file'>!!!!
Plus de sujets relatifs à : Méthode click(); sur un objet input : IE OK, mais MOZ NOK ?

Page générée en 0.078 secondes