changer le "tab" du clavier de place.

changer le "tab" du clavier de place. - HTML/CSS - Programmation

Marsh Posté le 26-06-2006 à 18:53:20    

bonjour. J'espère avoir pris la bonne sous catégorie.
Comme je saisi beaucoup de données numérique, j'aurais voulu utiliser le "enter" du clavier numérique pour faire un tab et passer au champ suivant, sans valider pour autant mon formulaire.  
Est-ce possible? en js?  
Merci de toute aide. :whistle:

Reply

Marsh Posté le 26-06-2006 à 18:53:20   

Reply

Marsh Posté le 26-06-2006 à 19:16:25    

Piste : événement onKey : http://www.google.fr/search?source [...] ipt+events


---------------
2 * yo = yoyo
Reply

Marsh Posté le 26-06-2006 à 19:43:29    

Une piste que je creuse.... J'espere ne pas faire fausse route.
je suis allé ici:
http://www.toutjavascript.com/savo [...] php3#truc6
La detection de la touche enter est une partie de ce que je recherche.  
J'ai essayé l'exemple mais il n'est pas concluant dans mon appli.  :heink:  
 
Je souhaiterais bien distingué les effets des 2 "enter" du clavier.

Reply

Marsh Posté le 26-06-2006 à 19:47:35    

"Je souhaiterais bien distingué les effets des 2 "enter" du clavier. "
je suis pas sur que cela soit possible en javascript dans un browser

Reply

Marsh Posté le 26-06-2006 à 19:53:03    

Ha... c'est possible, je ne suis qu'un apprentis et me fie à ce que l'on me dit.
Dans l'exemple, je n'ai pas l'impression que l'on détourne l'effet du bouton. OnSubmit permet-il d'executer une fonction avant la soumission du formulaire, ou détourne t-il la soumission vers la function qui elle même, par la suite,  soumet le formulaire ? :p   (C'est pas très claire)
 
Je n'ai pas trouvé de réponse à cela dans toutjavascript.com


Message édité par thierryR le 26-06-2006 à 19:54:43
Reply

Marsh Posté le 26-06-2006 à 20:02:49    

je pense que tu dois reagir a onkeyup.
Si la touche est un "enter" alors utilise les fonctions de gestion de focus pour changer le focus puis retourne false pour annuler l'action du "enter"

Reply

Marsh Posté le 26-06-2006 à 20:47:11    

Oui, j'ai bien compris. Je vais faire des essais.

Reply

Marsh Posté le 26-06-2006 à 20:53:15    

J'ai fais ceci:  
<FORM  action=$SELF  name=formulaire method=POST  onSubmit=\"submit_focus()\"> ;)  
 
et en js j'ai fais ce petit test:
 
function submit_focus(){
alert('focus')  // pour voir si ça passe
return false  // pour annuler la soumission
}
 
la function se fait correctement.  
La soumission n'est pas annulée.
 
pourrais je trouver des exemples quelques part. Ya un truc qui a du surement m'échapper. :ange:

Reply

Marsh Posté le 26-06-2006 à 21:02:51    

essaye avec onSubmit="return submit_focus()">

Reply

Marsh Posté le 26-06-2006 à 21:27:55    

nico168 a écrit :

essaye avec onSubmit="return submit_focus()">


Voila les effets:
La soumission est annulée.
 
J'ai donc transformé "return false" en "return true" dans  "function submit_focus(){ "
alert('focus')  est toujours bien.
La soumission est toujours annulée.  :)  
 
C'est dommage. Ca a failli marché. :sarcastic:

Reply

Marsh Posté le 26-06-2006 à 21:27:55   

Reply

Marsh Posté le 26-06-2006 à 21:37:02    

mmmm... etrange
 
onSubmit="alert(submit_focus())">
 
ca affiche quoi ?

Reply

Marsh Posté le 26-06-2006 à 21:44:06    

nico168 a écrit :

mmmm... etrange
 
onSubmit="alert(submit_focus())">


 
Ca n'affiche que le alert('focus')  et seulement 1 fois. ;)

Reply

Marsh Posté le 26-06-2006 à 22:07:28    

<html>
<head>
<script>
function test() {
return false;
}
</script>
</head>
<body>
<form onSubmit="return test();">
<input type="submit">
</form>
</body>
</html>
 
 
cela marche alors ton pb doit etre ailleur

Reply

Marsh Posté le 26-06-2006 à 22:41:03    

nico168 a écrit :

<html>
<head>
<script>
function test() {
return false;
}
</script>
</head>
<body>
<form onSubmit="return test();">
<input type="submit">
</form>
</body>
</html>
 
 
cela marche alors ton pb doit etre ailleur


Je ne crois pas  mais comme je suis en phase d'apprentissage je ne maitrise pas la chose. Permets moi une question:
Dans ton exemple il n'y a pas de <form action=ici.php onSubmit="return test();">
il faudrait donc que je retire "action" où ton exemple est volontairement simplifié.... :wahoo:
 
Maintenant la fonction fonctionne comme prévu. C'est si tu remets la function test à true qu'il n'y aucun changement


Message édité par thierryR le 26-06-2006 à 22:48:25
Reply

Marsh Posté le 26-06-2006 à 22:44:13    

volontairement simplifié

Reply

Marsh Posté le 26-06-2006 à 23:16:43    

Ah.. Oui[:aia] Ca yet;  caaaa marche. Super.    :jap:  
Merci à tous.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed