la méthode focus()

Version imprimable

12/02/2008, 15h45
paolo2002

la méthode focus()
bonjour,
j'essaie d'utiliser la méthode focus() pour revenir sur mon Texbox dès que je perd le focus sur ce composant mais cela ne marche pas;

j'ai essayé ça :
Code:

1 2 3 4 5 6 7 if(condition){ alert("my message"); f.elements['monComposant'].focus(); } Ai je fais une erreur?
12/02/2008, 15h58
SpaceFrog

je pense que si tu enlèves le alert ça fonctionnera car tu es obligé de cliquer sur le ok de l'alert non ?
12/02/2008, 16h07
paolo2002

la méthode focus()

oui,
je voudrais qu'il reviens sur mon composant après l'alert();
après le clic sur "OK" .

f pointe t-il bien vers ton formulaire ?

car ceci fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
	function verifFocus(){
		alert("test");
		document.getElementById('test').focus();
	}
</script>
</head>
 
<body>
<input type="text" value="toto" id="test"/>
<input type="button" value="test" onclick="verifFocus()" />
 
</body>
</html>

12/02/2008, 16h09
paolo2002

la méthode focus()

il y pointe vraiment sur mon formulaire,
sauf que moi, je le refère avec son nom et nom son Id !
en principe cela ne devrait pas causer de soucis non ?
12/02/2008, 16h10
SpaceFrog

Code:

document.forms['f'].elements['monComposant'].focus();
12/02/2008, 16h11
paolo2002

la méthode focus()

peut être parce que je le fait sur l'évènement onBlur ?!
12/02/2008, 16h13
SpaceFrog

rien à voir avec le onblur ...
as tu testé la syntaxe que je t'ai donnée
12/02/2008, 16h15
paolo2002

la méthode focus()

je l'ai testé mais j'obtiens le même resultat !
12/02/2008, 16h17
zoromar

Bonjour,

Normalement il devait marcher ton bout de code.
ta verifié lz nom de ton formulaire ainsi que le nom du champ.

si non poste le bout de code pour voir.

la méthode focus()

voici ce que j'ai fait:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function checkDate(){
 
var jour=document.forms[0].elements['myDate'].value;
 
if(jour<1 || jour>31){
	alert("jour incorrect");
	document.forms[0].f.elements['myDate'].focus();
}
 
}
.....
.....
....
 
...
<input type="text" name="myDate" size="2" maxlength="2" value="" onblur="checkDate()">

voilà :

12/02/2008, 16h28
SpaceFrog

Code:

document.forms[0].f.elements['myDate'].focus();

8O8O8O
j'ai écrit ça moi ?????

je crois plutot:

Code:

document.forms['f'].elements['myDate'].focus();

ou

Code:

document.forms[0].elements['myDate'].focus();

et la balise form elle est ou ???
12/02/2008, 16h32
paolo2002

la methode focus()
j'ai fait les deux tests, avec forms[0] et forms['taskControl'].
Code:

1 2 3 4 5 6 7 <form name="taskControl" method="POST" action="myAction"> . . . . </form>

8O8O8O8O8O8O8O8O
Aucun souci avec ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type='text/javascript'>
function checkDate(){
var jour=document.forms[0].elements['myDate'].value;
if(jour<1 || jour>31){
	alert("jour incorrect");
	document.forms[0].elements['myDate'].focus();
}
 
}
</script>
</head>
 
<body >
<form name="taskControl" method="POST" action="myAction">
<input type="text" name="myDate" size="2" maxlength="2" value="" onblur="checkDate()">
 </form>
 
 </body>
 
</html>

12/02/2008, 16h55
paolo2002

la méthode focus()

c'est un peut mieux !!

je ne sais pas si toi il te le fait, mais dès fois il m'affiche 2 fois la boite de dialogue alors qu'il ne devrait pas ?!!
12/02/2008, 17h02
SpaceFrog

ben si c'est normal tu redonnes le focus au champs mais dès que tu clickes ailleurs il reperds le focus ...
donc il vaut mieux valider les champs du form sur le onsubmit du form et pas sur le onblur du champs ...