Discussion :

[katoyi]

Bonjour à tous,
Ca fait plus de trois heure que je cherche à faire un focus automatique sur un input. Le hic c'est que ca marche sous IE et Chrome mais pas sous firefox. J'ai googlé mais jamais trouver une solution concrète. Voici mon code JS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function ValidateInputSearch(id,warn,form){
    var l =document.getElementById(id).value.length;
    if ((l < 4) && (l!=0)){
        document.getElementById('abs_go').disabled=true;
        document.getElementById(warn).style.visibility='visible';
        document.getElementById(id).focus();
        document.getElementById(id).select();
    }else{
        document.getElementById(warn).style.visibility='hidden';
        document.getElementById('abs_go').disabled=false;
    }
}

En gros j'aimerais controler la saisie sur un input. Si le nombre de caractères saisie n'est supérieure ou égale à 4 alors le controle reste selectioner.
Et dans mon html, j'appelle la fonction dans Onblur de mon input.
Merci d'avance.

[SPACHFR]

Salut,

A mon avis cette instruction est inutile

Code :

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

1
2
 
document.getElementById(id).focus();

le select est suffisant

[E.Bzz]

Bonjour,
il faudrait voir le HTML concerné pour te répondre.
Par exemple, si 'abs_go' est un name et que l'élément ne possède pas d'id, ce que tu décris est normal (disons "logique" ...). Dans ce cas, il suffit d'ajouter l'id (identique au name) à cet élément.

Par contre, je te déconseille très fortement d'utiliser les termes du langage (ici id et form) comme identifiants (de fonctions, de variables, d'éléments ...). Cela peut aussi générer ce genre de dysfonctionnement.

A+

[katoyi]

J'ai essayé les solutions que vous m'avez proposé mais sans succès. Finalement j'ai pu trouver ceci:

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
 
function ValidateInputSearch(id,warn){
    var l =document.getElementById(id).value.length;
    if ((l < 4) && (l!=0)){
        document.getElementById('abs_go').disabled=true;
        document.getElementById(warn).style.visibility='visible';
        window.setTimeout(function ()
        {
            document.getElementById(id).focus();
        }, 0);
    }else{
        document.getElementById(warn).style.visibility='hidden';
        document.getElementById('abs_go').disabled=false;
    }
}

Et ca l'air de marcher.
Merci à vous tous.