Validation par enter

Version imprimable

17/07/2008, 09h56
chrosnir

Validation par enter

Bonjour à tous,

j'ai sur ma page html plusieurs boutons qui renvoient vers des fonctions javascript et j'aimerais savoir comment appeller ses fonctions sans cliquer sur le bouton mais simplement en appuyant sur la touche en enter.

A savoir que ses boutons ne valident pas un formulaire mais sont des balises input de type bouton:

Code:

<input type='button' style='position: absolute; left: 280px;' value='Simulation' onclick='simulation()'/>

Merci pour votre aide.

alors oui c'est possible
tu fais un onKeyDown sur le body
la fonction lancer devra récupérer la touche du clavier enfoncé :
Code:

1 2 3 4 5 6 7 8 <script> function bouton(e) { var touche=(window.Event)?e.which:e.keyCode;//pour savoir s'il s'agit de Msie ou de Netscape alert("Vous avez appuyé la touche "+"\" "+String.fromCharCode(touche)+" \""); } bouton() </script>
puis tu teste si c'est entrée ... si oui tu fais ce que tu veux sinon rien :D

voila 8-)
++

17/07/2008, 10h21
chrosnir

C'est a dire que je fait: <body onKeyDown='enter'> ?

Et heu d'ou est appellée la fonction bouton avec le paramètre e? J'ai pas bien compris :-(
17/07/2008, 10h22
Bovino

Ou avec l'attribut accesskey ?
17/07/2008, 10h28
SpaceFrog

suffit de mettre un bouton de type submit ou image ...
et d'utiliser le onsubmit du form au lieu du onclick du bouton .?
17/07/2008, 10h31
laurentibus

ah oui pas bete ;)
avec accessKey qui donne le focus sur l élément concerner ... et donc il faut mettre un onFocus a l élément

ex:

Code:

<input type="Hydden" accesKey=" " onFocus="traitement()"/>
17/07/2008, 10h35
chrosnir

Dans le accesKey je met "enter" et dans le onFocus je met la fonction à executer?
17/07/2008, 10h36
SpaceFrog

tu peux aussi faire un robot à propulison nucléraire et refoirdissement par azote liquide en circuit fermé avec batterie d'echnage thermique à échappement lattéral radio commandé qui appuye sur la touche entre à la place du user ...

form bouton submit ...
17/07/2008, 10h38
Bovino

C'est dommage, on t'a donné trois solutions possibles (dont 2 un peu tordues) et tu ne choisis pas la plus simple des trois !!! ;)
17/07/2008, 10h56
chrosnir

1ère solution: je n'ai pas compris d'où était appellé la fonction "function bouton(e)"

2ème solution: j'ai demandé si c'est dans le accessKey que l'on définit le bouton à appuyer et dans le focus que l'on défini la fonction à executer mais pas de réponse.

3ème solution: j'ai dit qu'il ne s'agissait pas d'un formulaire mais d'un simple bouton qui appelle une fonction javascript...
17/07/2008, 11h02
SpaceFrog

3eme solution ajoute un form autour du bouton submit, ça ne coute rien et ça t'épargne une usine à gaz ...
17/07/2008, 11h07
laurentibus
SpaceFrog
j ai pas compris pourquoi on refroidi par azote liquide :oops:

.............................................................................

c'est vrai que le plus simple et de mettre tout cela dans un form et de faire les test dans le submit qui sera valider par ta touche "entrée"

Citation:

Envoyé par chrosnir

A savoir que ses boutons ne valident pas un formulaire mais sont des balises input de type bouton:

bon maintenant si tu veux pas

Citation:

Envoyé par chrosnir

Dans le accesKey je met "enter" et dans le onFocus je met la fonction à executer?

oui met ne mets pas "enter" mais " " car il me semble que la touche entrée envoie " " .... ( a vérifier mais presque sur :roll: )

sinon y as encore une autre solution :
Code:

1 2 non je delire ;)
++
17/07/2008, 11h09
laurentibus

Citation:

Envoyé par chrosnir

2ème solution: j'ai demandé si c'est dans le accessKey que l'on définit le bouton à appuyer et dans le focus que l'on défini la fonction à executer mais pas de réponse.

tu sais nous aussi on travaille ............

Code:

1 2 3 <form action='' onSubmit="AppliquerFiltre();"> <input type='submit' value='Filtrer' id='BtnFiltrer'/> </form>
J'ai aucun résultat avec ca, il me manque quelque chose?

Ha ..; :oops: il faut au moins un input dans le form ...

Code:

1
2
3
4
5
6
<body onload="document.forms[0].elements[0].focus()">
 
<form name='myform' action="javascript:void(0)" onsubmit="alert('coucou');return false">
<input type='text' style='width:0'/>
<input name='submit' type='submit' value='Filtrer' id='BtnFiltrer'/> 
</form>