Discussion :

[lili2704]

Bonjour,

Je souhaiterai pouvoir valider mon formulaire sur mon html:submit en appuyant sur entrée. Le souci c'est que mon formulaire contient deux listes html:select et cela ne marche pas comme quand on a des champs simples.
j'ai essayé de mettre onload="document.getElementById('acteur').focus();" dans mon body mais pour que ça marche il faut cliquer à coté (n'importe où sur la page).

Code :

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

1
2
3
4
5
6
7
<html:select name="loginForm" property="acteur" styleClass="" onchange="LoadListServices()">
   <html:options collection="Acteurs" property="value" labelProperty="label"/>
</html:select>	
<html:select name="loginForm" property="service" styleClass="">
   <html:options collection="Services" property="value" labelProperty="label"/>
</html:select>
<html:submit property="connecter"><bean:message bundle="application" key="bouton.valider"/></html:submit>

Si quelqu'un a une idée. merci

[mixouille]

Et si tu mets ton focus sur ton bouton submit ?

Je propose ca, mais en fait, je n'ai pas bien compris ta question. Tu n'arrives jamais à submitter avec ENTREE ? Ou tu as juste le problème quand tu ne cliques nulle part et que tu veux submitter directement après l'affichage de la page ? Peux-tu décrire les cas où ca marche, et ceux où ca ne marche pas ?

[lili2704]

Cela ne marche que si j'ai cliqué ailleurs dans la page. Si j'appuie direct sur Entrée, ça marche pas.
Sinon, tu fais comment pour mettre le focus comme tu proposais?
Merci

[mixouille]

Tout simplement par :

Code :

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

<html:submit property="connecter" styleId="buttonConnecter"><bean:message bundle="application" key="bouton.valider"/></html:submit>

et :

Code :

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

onload="document.getElementById('buttonConnecter').focus();"

Tu peux aussi t'épargner d'ajouter un styleId (qui se transforme en "id" au rendu html) en passant par le name :

Code :

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

document.tonForm.connecter.focus();

P.S. : Tout bien réfléchi, je pense que le problème est là, tu fais un getElementById, mais tu cherches en fait le name (= le property de ton champ struts) de ton champ. A mon avis, en faisant la même manip que je t'ai indiquée sur ton champ acteur (donc, en ajoutant un styleId, ou en passant par le name, et non l'id), ca devrait marcher.

[lili2704]

Effectivement ça marche à l'arrivée sur ma page.
Sauf que je suis obligé de sélectionner un objet dans mes deux listes et du coup le bouton entrée ne marche plus car dès que je sélectionne un objet je recharge la page car j'ai un onselect dans chaque.

[lili2704]

Non je me suis trompé. Quand je sélectionne un objet dans ma première liste et que j'appuie sur entrée ça marche, par contre si je sélectionne dans ma deuxième liste ça ne marche pas.
Merci

[lili2704]

Parceque justement j'ai un "onchange" dans le premier mais pas dans le deuxième

[lili2704]

j'ai trouvé lé soluce:
J'ai rajouté un

Code :

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

1
2
 
onchange="document.getElementById('buttonSubmit').focus();"

Dans ma deuxième liste.
merci beaucoup, bonne soirée

[mixouille]

En effet, après test, il semble bien que la touche ENTREE ne valide pas un formulaire quand le focus est sur une combo.
Je te suggère donc, dans ton onchange, d'ajouter un script pour changer le focus (le mettre aussi sur le bouton submit par exemple), et de voir si ca se comporte bien.

EDIT : bon, ben c'est fait