focus qui ne marche pas

**ewshut** · 16/03/2008, 16h37

Bonjour,

A partir d'un formulaire php qui s'op�re sur une boucle :
[...]
$id=0;
for ($i=1;$i<9;$i++)
{

echo "<td><input type='text' maxlength='2' size='2' id='".$id."' name='c".$i."_".$res['eleve_id']."' style='font-size:9px' onBlur=\"return controle($id);\" ></td>";
$id++;
}
[...]

je tente une fonction javascript qui v�rifie que la valeur entr�e dans le champ correspond � certaines valeurs obligatoires. Dans le cas contraire, je souhaite que la mauvaise valeur entr�e soit effac�e et que le champ soit s�lectionn� :

<head>[...]
<script language="javascript1.2">
function controle(temp) {
var obj=document.getElementById(temp);
if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "")
{
alert ("La valeur entr�e n'est pas acceptable.");
document.getElementById(temp).select();
obj.value="";
document.getElementById(temp).focus();
return false;
}
}
</script></head>

Or voil�, cela ne marche pas. La valeur incorrecte est effac�e mais apr�s le message d'alerte, le script passe � la case suivante. Si bien que par exemple, si un utilisateur entre une mauvaise valeur sans passer au champ suivant et appuie sur le bouton Enregistrer qui finit le formulaire, la mauvaise valeur passe ! Comme vous le voyez j'essaie � la fois le focus et le select. Je me doute que le focus n'a pas de sens, puisque le champ est alors vide, mais le select seul ne fonctionne pas non plus

Qu'est-ce qui ne va pas dans mon javascript ?
Merci de vos r�ponses

**beeboo** · 16/03/2008, 17h37

Salut,

Personnelement, je ne vois pas ce qui cloche non plus, par contre un petit truc, � partir du moment o� tu as ton obj, tu peux l'utiliser partout et �viter de rappeler getElementById :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script language="javascript1.2">
function controle(temp) {
  var obj=document.getElementById(temp);
  if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "")
  {
    alert ("La valeur entr�e n'est pas acceptable.");
    obj.select();
    obj.value="";
    obj.focus();
    return false;
  }
}
</script>

**Mediant** · 16/03/2008, 18h07

M�me remarque que beeboo pr�c�demment ..

Si c'est bien la bonne valeur que tu souhaites contr�ler, cela devrait passer (bien qu'il y ait un petit d�calage entre la valeur $i et le $id utilis�)

Petite remarque tu devrai aussi pouvoir la possibilit� passer directement l'objet en param�tre de la fonction js .. ce qui permet d'�viter d'avoir � la rechercher

Si je ne dis pas trop de b�tises .. le code suivant devrait pouvoir passer ?! .. (mais je peux pas tester .. d�sol� ..

)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
[...]
$id=0;
for ($i=1;$i<9;$i++)
{
echo "<td><input type='text' maxlength='2' size='2' name='c".$i."_".$res['eleve_id']."' style='font-size:9px' onBlur=\"return controle(this);\" ></td>";
$id++;
}
[...]

et

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script language="javascript1.2">
function controle(obj) {
  if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "")
  {
    alert ("La valeur entrée n'est pas acceptable.");
    obj.select();
    obj.value="";
    obj.focus();
    return false;
  }
  else return true;
}
</script>

**ewshut** · 16/03/2008, 19h53

J'ai test� ton dernier code, Mediant, mais le focus ou le select ne se fixe toujours pas dans le champ qui contient une valeur non accept�e

**FremyCompany** · 16/03/2008, 21h31

Fais une recherche sur le forum :
focus setTimeout

**ewshut** · 16/03/2008, 22h28

En effet, �a marche avec setTimeout :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function controle(obj) {
  if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "")
  {
    alert ("La valeur entrée n'est pas acceptable.");
    <!-- obj.select();
    obj.value="";
	setTimeout(function() { obj.focus(); }, 10);
    <!-- obj.focus();
    return false;
  }
  else return true;
}

pour le formulaire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
 
$id=0;
for ($i=1;$i<9;$i++)
			{
			$name="c".$i."_".$res['eleve_id'];
			echo "<td><input type='text' maxlength='2' size='2' id='".$id."' name='c".$i."_".$res['eleve_id']."' style='font-size:9px' onBlur=\"return controle(this);\" ></td>";
			$id++;
}

dernier probl�me : si on entre une valeur refus�e, et qu'on clique sur le submit 'Enregistrer', j'obtiens le message d'alerte, mais le script passe quand m�me la valeur en POST. Faut-il alors que j'adjoigne � la balise <FORM> un OnSubmit pour balayer toutes les valeurs entr�es ?
En tout cas, merci pour vos lumi�res. J'ignorais ce bug de Mozilla...

focus qui ne marche pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager