IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

focus qui ne marche pas


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 4
    Par défaut focus qui ne marche pas
    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

  2. #2
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Par défaut
    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>

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 5
    Par défaut
    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>

  4. #4
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 4
    Par défaut
    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

  5. #5
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    Fais une recherche sur le forum :
    focus setTimeout

  6. #6
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 4
    Par défaut
    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...

  7. #7
    Futur Membre du Club
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    4
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 4
    Par défaut
    OK, ça marche maintenant. J'ai rajouté un OnSubmit au formulaire qui fait à peu près le même travail sur le formulaire entier. Comme cela on ne peut pas envoyer une mauvaise valeur en cliquant sur le bouton Submit :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    function controle_tout() {
    for (var i = 0; i < document.forms[0].length-3; i++)
    	{
    	var obj=document.forms[0].elements[i];
    	if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "")
    		{
    		obj.value="";
    		setTimeout(function() { obj.focus(); }, 10);
    		return false;
    		}
    	}
    return true;
    }
    J'ai mis 'document.forms[0].length-3' parce que les trois dernières valeurs du formulaire étaient deux champs hidden et le submit...

    Merci à tous

  8. #8
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    De rien
    Bonne continuation !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Méthode getSize() qui ne marche pas
    Par mush_H dans le forum Agents de placement/Fenêtres
    Réponses: 15
    Dernier message: 20/03/2005, 01h29
  2. [SWING] KeyListener qui ne marche pas
    Par kindool dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 10/01/2005, 19h04
  3. Iptables configuration qui ne marche pas....
    Par The_Nail dans le forum Sécurité
    Réponses: 7
    Dernier message: 03/02/2004, 14h27
  4. Réponses: 3
    Dernier message: 08/09/2003, 15h06
  5. Réponses: 9
    Dernier message: 07/05/2003, 12h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo