Clic de souris remplacer par "Enter" sur un bouton "Input"

Version imprimable

12/02/2008, 18h22
jlb59

Clic de souris remplacer par "Enter" sur un bouton "Input"

Bonjour à tous

QQ pourrait me dire comment dans une page ayant un bouton input qui renvoie à une autre page, on peut lui donner le focus ? :)

CàD qu'en appuyant sur "Enter", il agisse de la même manière qu'avec le clic de la souris. ;)

Par ailleurs, est-il possible, simplement avec une pager sans bouton, de renvoyer à une autre page en appuyant simplement sur "Enter" ? :(

Merci d'avance.
12/02/2008, 22h37
Kerod

Il est clair que pour arriver à un résultat tu devras capturer les évènements. Et donc tu devrais te tourner du côté du JavaScript. ;)
13/02/2008, 03h01
jlb59

Citation:

Envoyé par Kerod

Il est clair que pour arriver à un résultat tu devras capturer les évènements. Et donc tu devrais te tourner du côté du JavaScript. ;)

C'est ça, mais je suis vraiment perdu avec keypress, keydown...

J'ai lu sur différents forums, j'ai banni les us, mais c'est pas très clair pour moi.

Je voudrais simplement remplacer le click de la souris par la touche "Enter" !

Merci de m'aider.
13/02/2008, 03h06
Kerod

Ben tu pourrais rajouter à ton élément l'évènement onkeyup puis faire le test avec le code des touches (tu as une source disponible ici : Comment détecter l'appui sur une touche du clavier ?)

Bon il reste plus qu'à rajouter/modifier afin que ça se fasse qu'avec Entrée.
13/02/2008, 10h33
jlb59
Citation:

Envoyé par Kerod

Ben tu pourrais rajouter à ton élément l'évènement onkeyup puis faire le test avec le code des touches (tu as une source disponible ici :
Bon il reste plus qu'à rajouter/modifier afin que ça se fasse qu'avec Entrée.

Désolé mais j'ai beaucoup de mal à percuter !
Effectivement, je ne connais pas du tout la syntaxe, je devrais dire le moyen, de simuler l'appui de la touche "Enter".

Je mets le code fait avec le lien que tu m'avais donné, mais c'est pas ça...

J'ai bien la validation avec l'appui de "Enter", mais j'arrive pas, plutôt je ne sais pas, faire en sorte que cet appui appelle l'autre page.
Je comprends vraiment pas...

Aide-moi STP ?
Code:

1 2 3 4 5 6 7 8 9 <html> ... <body onKeyDown="detectTouche(event)"> <a href="page2.html"><input type="button" id="zone" value=" Page suivante "></a> </body> ...

un input type submit agit sur l'appui de la touche enter,
un input type image aussi
Code:

1 2 3 4 5 6 7 8 <body > <form action="page2.html"> <input type="submit" id="zone" value=" Page suivante "> </form> </body>

14/02/2008, 07h43
jlb59

Citation:

Envoyé par SpaceFrog

un input type submit agit sur l'appui de la touche enter,
un input type image aussi

Merci beaucoup SpaceFrog.

Ce que tu m'as donné est logique... mais ça marche pas.
Surtout l"appui simplement sur "Enter".

J'ai mis que le prb était résolu, mais j'étais tellement content que l'on me donne une solution concrète, je n'ai pas pris le temps d'essayer avant!

Désolé!...

Il faut en fait donner le focus à un element du form ...

Code:

1
2
3
4
5
6
<body onload="document.getElementById('one').focus()">
  <form action="page2.html">
       <input type="text" id="one" />
      <input type="submit" id="zone" value=" Page suivante ">
    </form>
</body>

15/02/2008, 04h38
jlb59

Citation:

Envoyé par SpaceFrog

Il faut en fait donner le focus à un element du form ...

Merci beaucoup SpaceFrog, cette fois ça marche !:yaisse2:

Y a quand même qq chose qui me turlupine !...:?

En effet, dans un formulaire, sans mettre de focus dans le <body>, l'appui sur "Entrée" exécute quand même l'action ????

Il y a peut-être des formulaires qui nécessite le click mais c'est pas courant, non ?

Ca te dérangerait encore de me dire le pourquoi du comment ? :boulet:

Merci de ta patience.