Validation par enter

**chrosnir** · 17/07/2008, 09h56

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 :

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

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

Merci pour votre aide.

**laurentibus** · 17/07/2008, 10h08

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 :

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

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

voila

++

**chrosnir** · 17/07/2008, 10h21

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

**Bovino** · 17/07/2008, 10h22

Ou avec l'attribut accesskey ?

**SpaceFrog** · 17/07/2008, 10h28

suffit de mettre un bouton de type submit ou image ...
et d'utiliser le onsubmit du form au lieu du onclick du bouton .?

**laurentibus** · 17/07/2008, 10h31

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 :

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

<input type="Hydden" accesKey=" " onFocus="traitement()"/>

**chrosnir** · 17/07/2008, 10h35

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

**SpaceFrog** · 17/07/2008, 10h36

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

**Bovino** · 17/07/2008, 10h38

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

**chrosnir** · 17/07/2008, 10h56

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

**SpaceFrog** · 17/07/2008, 11h02

3eme solution ajoute un form autour du bouton submit, ça ne coute rien et ça t'épargne une usine à gaz ...

**laurentibus** · 17/07/2008, 11h07

SpaceFrog
j ai pas compris pourquoi on refroidi par azote liquide

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

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"

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

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

)

sinon y as encore une autre solution :

Code :

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

1
2
 
non je delire ;)

++

**laurentibus** · 17/07/2008, 11h09

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

**chrosnir** · 17/07/2008, 11h20

Code :

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

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?

**SpaceFrog** · 17/07/2008, 11h39

Ha ..;

il faut au moins un input dans le form ...

Code :

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

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>

Validation par enter

JavaScript

Discussions similaires

Partager

Partager