la méthode focus()

**paolo2002** · 12/02/2008, 15h45

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 :

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

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

**SpaceFrog** · 12/02/2008, 15h58

je pense que si tu enlèves le alert ça fonctionnera car tu es obligé de cliquer sur le ok de l'alert non ?

**paolo2002** · 12/02/2008, 16h07

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

**le_chomeur** · 12/02/2008, 16h07

f pointe t-il bien vers ton formulaire ?

car ceci fonctionne :

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

**paolo2002** · 12/02/2008, 16h09

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 ?

**SpaceFrog** · 12/02/2008, 16h10

Code :

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

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

**paolo2002** · 12/02/2008, 16h11

peut être parce que je le fait sur l'évènement onBlur ?!

**SpaceFrog** · 12/02/2008, 16h13

rien à voir avec le onblur ...
as tu testé la syntaxe que je t'ai donnée

**paolo2002** · 12/02/2008, 16h15

je l'ai testé mais j'obtiens le même resultat !

**zoromar** · 12/02/2008, 16h17

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.

**paolo2002** · 12/02/2008, 16h24

voici ce que j'ai fait:

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
 
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à :

**SpaceFrog** · 12/02/2008, 16h28

Code :

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

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

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

je crois plutot:

Code :

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

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

ou

Code :

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

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

et la balise form elle est ou ???

**paolo2002** · 12/02/2008, 16h32

j'ai fait les deux tests, avec forms[0] et forms['taskControl'].

Code :

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

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

**SpaceFrog** · 12/02/2008, 16h47

Aucun souci avec ça :

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

**paolo2002** · 12/02/2008, 16h55

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

**SpaceFrog** · 12/02/2008, 17h02

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

la méthode focus()

JavaScript

Discussions similaires

Partager

Partager