Discussion :

[fabou13]

bonjour,

j'essaye de permettre la validation de mes formulaires à l'aide de la touche entrée.

Pour ça, je donne le focus au bouton submit, comme ça:

Code :

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

1
2
 
<script>document.myForm.myButton.focus();</script>

Mais si le formulaire est modifié, je perds le focus sur le bouton submit.

Y-a-t-il un moyen de (re-)donner le focus à un bouton quelques soient les évenements que subit le formulaire?

[pc75]

Bonjour,

En principe, si tu as un bouton de type submit, la touche Entrée doit soumettre le formulaire, que le bouton ait le focus ou non ?

[E.Bzz]

En principe, si tu as un bouton de type submit, la touche Entrée doit soumettre le formulaire, que le bouton ait le focus ou non ?

Si, et pas besoin de plus ...

A+

[fabou13]

malheuresement non... je me suis trompé, ce n'est pas de type "submit", donc si celui-ci n'a pas le focus, il n'y a pas de validation.

Code :

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

1
2
 
<input type="button" name="next" value="Suivant" onclick="JavaScript:doNextWithMessageResult();">

[E.Bzz]

malheuresement non... je me suis trompé, ce n'est pas de type "submit", donc si celui-ci n'a pas le focus, il n'y a pas de validation.

Heu ... ben mets un type="submit", c'est fait pour ....

[fabou13]

je reprends une appli existante (assez ancienne).

Le formulaire est validé grâce à l'évenement "onClick" sur le bouton. cet évenement appel une fonction qui "submit".

Pour l'instant, j'insère des évenements "onclick" dans mes élements de formulaires qui déclenchent une fonction "doFocus()". Cette dernière donne le focus à mon bouton.

Par exemple:

Code :

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

<input type="radio" id="mode1" name="mode" value="export" checked onClick="JavaScript:doFocus();"/>

[E.Bzz]

Oui, mais plutôt que de disséminer des script pour gérer ton focus() partout, ne serait-il pas plus simple de modifier uniquement ces 2 lignes :

Code :

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

1
2
<form action="..." onsubmit="doNextWithMessageResult();return true;">
<input type="submit" name="next" value="Suivant">

Le résultat sera le même, sauf que ça te fait moins de boulot

Juste qq adaptations light si ta fonction doNextWithMessageResult() fais des controles dont dépendent le submit() ...

A+

[fabou13]

merci! trés bonne idée...je vais tester ça demain.

[fabou13]

merci pour tes conseils. Malheuresement, cette solution ne focntionne pour mon environnement JSP/Servlet un peu vieux.

je vais continuer à travailler sur le focus.

Là j'essaye de donner le focus aprés sélection dans une liste déroulante.

En résumé, on essaye d'améliorer l'ergonomie, la navigation d'une appli web J2EE.