Selection d'un champs et validation avec submit()

Marsh Posté le 18-01-2005 à 20:06:40

Bonjour,

J'ai cree un formulaire avec des champs a remplir.
Quelques fois, lorsque l'on remplit des formulaires online, on a le bouton d'envoi (submit()) qui s'entoure d'un petit liseret noir et il nous suffit de cliquer sur "Entrer" du clavier pour valider, sans devoir absolument lever les mains du clavier pour prendre la souris et cliquer sur le bouton correspondant.
Or, dans mon formulaire, cela ne se passe pas.
Est-ce que quelqu'un sait comment declarer cette fonctionnalite, que j'ai la possibilite de valider soit avec "Entrer" du clavier soit en cliquant sur le bouton correspondant avec la souris ?

Merci d'avance.
arnaudlyon.

---------------
Arnaudlyon

Reply

Marsh Posté le 18-01-2005 à 20:06:40

Reply

Marsh Posté le 18-01-2005 à 20:24:00

arnaudlyon a écrit :

Bonjour,

J'ai cree un formulaire avec des champs a remplir.
Quelques fois, lorsque l'on remplit des formulaires online, on a le bouton d'envoi (submit()) qui s'entoure d'un petit liseret noir et il nous suffit de cliquer sur "Entrer" du clavier pour valider, sans devoir absolument lever les mains du clavier pour prendre la souris et cliquer sur le bouton correspondant.
Or, dans mon formulaire, cela ne se passe pas.
Est-ce que quelqu'un sait comment declarer cette fonctionnalite, que j'ai la possibilite de valider soit avec "Entrer" du clavier soit en cliquant sur le bouton correspondant avec la souris ?

Merci d'avance.
arnaudlyon.

Tu peux jouer avec focus() en javascript pour ça.

Exemple :

Code :

document.getElementById('ton_champ_ou_bouton_que_tu_veux_focusser').focus();

Reply

Marsh Posté le 18-01-2005 à 20:37:38

Hermes le Messager a écrit :

Tu peux jouer avec focus() en javascript pour ça.

Exemple :

Code :

document.getElementById('ton_champ_ou_bouton_que_tu_veux_focusser').focus();

Ou dois inserer cette ligne ; dans le body ou le head ?
Et ou ca pour qu'il soit pris en compte :??:

---------------
Arnaudlyon

Reply

Marsh Posté le 18-01-2005 à 20:48:38

Ca y est, j'ai trouve, merci !!!

---------------
Arnaudlyon

Reply

Marsh Posté le 18-01-2005 à 20:56:04

arnaudlyon a écrit :

Ou dois inserer cette ligne ; dans le body ou le head ?
Et ou ca pour qu'il soit pris en compte :??:

Oulà, c'est pas gagné. Précise que tu es débutant dans tes messages.

Bon, je vais pas non plus t'apprendre le javascript hein, mais je vais faire un effort :

1) déclarer du javascript dans le head :

On fait comme ça :

Code :

<script type="text/javascript">
<!--
//-->
</script>

2) A l'intérieur de ça, on va faire une fonction :

Code :

<script type="text/javascript">
<!--
function focus_ta_mere(champ_a_focusser)
{
document.getElementById(champ_a_focusser).focus();
}
//-->
</script>

PS : Remarque bien l'absence de '', car c'est une VARIABLE qu'on emploi là...

3) Dans le code HTML, utiliser un évènement javascript, comme onclick par exemple (c'est juste un exemple hein).

Tu as un bouton et un champ genre :

Le champ :

Code :

<input type="text" id="champ_a_focus" />

Et le bouton :

Code :

<input type="button" id="champ_input" value="Clique ici pour avoir le focus sur l'autre champ !" onclick="javascript:focus_ta_mere('champ_a_focus');" />

Voilà...

Mais bon, maintenant, il va falloir que tu apprennes un peu les bases du JS hein...

Reply

Marsh Posté le 18-01-2005 à 21:07:02

Hermes le Messager a écrit :

Oulà, c'est pas gagné. Précise que tu es débutant dans tes messages.

Bon, je vais pas non plus t'apprendre le javascript hein, mais je vais faire un effort :

1) déclarer du javascript dans le head :

On fait comme ça :

Code :

<script type="text/javascript">
<!--
//-->
</script>

2) A l'intérieur de ça, on va faire une fonction :

Code :

<script type="text/javascript">
<!--
function focus_ta_mere(champ_a_focusser)
{
document.getElementById(champ_a_focusser).focus();
}
//-->
</script>

PS : Remarque bien l'absence de '', car c'est une VARIABLE qu'on emploi là...

3) Dans le code HTML, utiliser un évènement javascript, comme onclick par exemple (c'est juste un exemple hein).

Tu as un bouton et un champ genre :

Le champ :

Code :

<input type="text" id="champ_a_focus" />

Et le bouton :

Code :

<input type="button" id="champ_input" value="Clique ici pour avoir le focus sur l'autre champ !" onclick="javascript:focus_ta_mere('champ_a_focus');" />

Voilà...

Mais bon, maintenant, il va falloir que tu apprennes un peu les bases du JS hein...

Ce que j'avais trouve en fait ne me permettait de le selectionner qu'a l'ouverture de la page et il etait deselectionne une fois que je clique dans un des champs a remplir.
Je vais donc essayer votre methode.
Merci beaucoup.

---------------
Arnaudlyon

Reply

Marsh Posté le 18-01-2005 à 21:24:49

arnaudlyon a écrit :

Ce que j'avais trouve en fait ne me permettait de le selectionner qu'a l'ouverture de la page et il etait deselectionne une fois que je clique dans un des champs a remplir.
Je vais donc essayer votre methode.
Merci beaucoup.

Il faut que tu utilises un AUTRE évènement javascript que celui cité dans mon exemple...

Reply

Marsh Posté le 18-01-2005 à 21:29:59

Hermes le Messager a écrit :

Oulà, c'est pas gagné. Précise que tu es débutant dans tes messages.

Bon, je vais pas non plus t'apprendre le javascript hein, mais je vais faire un effort :

1) déclarer du javascript dans le head :

On fait comme ça :

Code :

<script type="text/javascript">
<!--
//-->
</script>

2) A l'intérieur de ça, on va faire une fonction :

Code :

<script type="text/javascript">
<!--
function focus_ta_mere(champ_a_focusser)
{
document.getElementById(champ_a_focusser).focus();
}
//-->
</script>

PS : Remarque bien l'absence de '', car c'est une VARIABLE qu'on emploi là...

3) Dans le code HTML, utiliser un évènement javascript, comme onclick par exemple (c'est juste un exemple hein).

Tu as un bouton et un champ genre :

Le champ :

Code :

<input type="text" id="champ_a_focus" />

Et le bouton :

Code :

<input type="button" id="champ_input" value="Clique ici pour avoir le focus sur l'autre champ !" onclick="javascript:focus_ta_mere('champ_a_focus');" />

Voilà...

Mais bon, maintenant, il va falloir que tu apprennes un peu les bases du JS hein...

J'ai fait comme ca :
<script type="text/javascript">

</script>
et j'ai insere dans chaque input (car j'ai differents champs a remplir de type text et de type radio) la ligne
onclick="javascript:focus_ta_mere('Envoyer');"
mais il me dit erreur 26 aux dites lignes.

---------------
Arnaudlyon

Reply

Marsh Posté le 18-01-2005 à 21:49:22

Ca y est c'etait juste le ;
Par contre maintenant c la ligne du
document.getElementById(Envoyer).focus();
Il me dit erreur 1.
????

---------------
Arnaudlyon

Reply

Selection d'un champs et validation avec submit()

Sujets relatifs:

Leave a Replay