Différence de focus entre IE et FireFox

**chelguera** · 20/07/2009, 22h18

Bonjour,

J'ai ecrit une fonction qui vérifie la valeur d'un champ et si il ne coorespond pas, j'affiche une alerte et je remet le focus sur le champ en erreur.
Tout va bien sous IE mais pas sur firefox et j'ai pas encore teste netscape.

Pourtant si je renvoi le focus sur un autre champ ca marche mais on dirait que firefox ne veut pas revenir sur lui meme.. j'essaye d'etre clair c'est a dire sur le champ qu'il vient de quitter.

un exemple est plus clair

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
27
28
29
30
31
32
33
34
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test</title>
 
<script language="Javascript" type="text/javascript">
function verifienom(nom)
{
	if(nom.value == '')
  {
  	msg= "entrez un nom";
  	alert(msg); 
  	document.test.nom.focus();
 
  }
}
</script>
</head>
<body>
	<form name="test" method="post" action="test.php" id="test">
  	<center>Fiche d'inscription</center><br />
		Nom :&nbsp;			<input type="text" name="nom"    value="" size="20" id="nom" onBlur="verifienom(this);" />&nbsp;&nbsp; 
	 	Prénom :&nbsp;	<input type="text" name="Prenom" value="" size="20" id="prenom" /><br /><br />
 
	 	Test 1:&nbsp;<input type="text" id="nom1" name="nom1" value="" size="20" /><br />
		Test 2:&nbsp;<input type="text" id="nom2" name="nom2" value="" size="20" /><br />
		Test 3:&nbsp;<input type="text" id="nom3" name="nom3" value="" size="20" /><br /><br /><br />
 
		<input type="submit" name="envoi" value="Envoyer" />&nbsp; 
		<input type="reset" name="suppr" value="Effacer" />
  </form>
</body>
</html>

J'ai aussi essayé avec getElementById mais le resultat reste le meme. Les champs test1,2,3 ne sont la que pour tester, ce qui veut dire que si je remplace document.test.nom.focus(); par document.test.nomx.focus(); alors ca fonctionne.

merci de m'eclairer

**Bovino** · 21/07/2009, 08h15

Salut,
Sur Firefox, l'événement est lancé avant la perte effective du focus, du coup, ta fonction fait son traitement, redonne le focus au champ puis le perd.
Il faut faire une légère temporisation pour que ça fonctionne :

Code :

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

onBlur="setTimeout(function(){verifienom(document.test.nom)},25);"

**chelguera** · 21/07/2009, 19h43

merci pour l'astuce

Différence de focus entre IE et FireFox

JavaScript

Discussions similaires

Partager

Partager