[Select()/Focus()] Pb dans l'utilisation de ces méthodes

Version imprimable

Bonjour,

Je souhaite mettre le focus de saisie sur un champ "topo_rech" d'un formulaire "form_recherche_syn" défini plus pas dans ma page.

Voici mon code de dépare:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<body bgcolor="#F3FFFF" onLoad="setfocus();" text="#000000" topmargin="0" marginheight="0" leftmargin="0" marginwidth="0" link="#000000">
<script type="text/javascript">
<!--
function go_recherche_syn() {
	document.form_recherche_syn.action="recherche_syn.php";
	document.form_recherche_syn.submit();
}
function setFocus() {
 
    document.form_recherche_syn.topo_rech.select();
    document.form_recherche_syn.topo_rech.focus();
}
-->
</script>

et plus loin mon forulaire ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    <form name="form_recherche_syn" action="" method="get" >
         <tr>
            <td align=center colspan=2>
                Recherche Syntaxique :
         </td>
         </tr>
 
         <tr>
            <td valign=left>
                Tapez le nom du tomponyme recherch&eacute;
            </td>
            <td align=center>
                <input type="text" name="topo_rech" size="30" value="<? echo $topo_rech ;?>" maxlength="30" onKeyUp="go_recherche_syn(this.form);">
                <input type="hidden" value="rechercher" name="rechercher" onClick="go_recherche_syn(this.form);">
            </td>
         </tr>
 
    </form>

Le focus ne se mets pas sur le champ demandé, qu'en pensez vous !!!

23/06/2005, 13h02
Séb.

1) JS est sensible à la casse...

Code:

function setFocus( ) {

Code:

<body onload="setfocus( )">

2) select( ) et focus( )... y'a une redondance : select( ) seul devrait suffire
23/06/2005, 14h12
Kylen

Citation:

Envoyé par Séb.

1) JS est sensible à la casse...

Code:

function setFocus( ) {

Code:

<body onload="setfocus( )">

2) select( ) et focus( )... y'a une redondance : select( ) seul devrait suffire

1) effectivement ... :oops:
2) complètement ... :wink:

Sinon (mais à mon avis j'en demande trop à ce "pauvre" language de script) est t-il possible de placer le curseur après le texte présent de le champ, en effet le select() surbrille tout le texte ???

Citation:

Envoyé par Kylen

Sinon (mais à mon avis j'en demande trop à ce "pauvre" language de script) est t-il possible de placer le curseur après le texte présent de le champ, en effet le select() surbrille tout le texte ???

J'ai trouvé c'est un peu de la bidouiile mais on fera avec :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 Réponse acceptée ! Bienvenue dans un monde de bidouille: Je te propose de faire réécrire la valeur de ton champ pour que le curseur soit à la fin: <html> <head> <script type="text/javascript"> function subFocus() { alert("En cliquant sur ok le focus va passer sur la cible"); document.formTest.cibleId.focus(); document.formTest.cibleId.value = document.formTest.cibleId.value; } </script> </head> <body> <form name="formTest" action=""> <input type="button" value="Alert et selection du submit" onClick="subFocus()"></br> <input type="text"></br> <input type="text"></br> <input type="text"></br> <input type="text"></br> <input type="text"></br> <input type="text" id="cibleId"> </form> </body></html>