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

**Kylen** · 23/06/2005, 12h35

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 :

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

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 :

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

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 !!!

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

1) JS est sensible à la casse...

Code :

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

function setFocus( ) {

Code :

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

<body onload="setfocus( )">

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

**Kylen** · 23/06/2005, 14h12

Envoyé par Séb.

1) JS est sensible à la casse...

Code :

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

function setFocus( ) {

Code :

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

<body onload="setfocus( )">

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

1) effectivement ...

2) complètement ...

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 ???

**Kylen** · 23/06/2005, 14h54

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 :

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

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>

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

JavaScript

Discussions similaires

Partager

Partager