getElementById(objet.id).focus() ne fonctionne pas

bonjour à tous,

la ligne suivante ne fonctionne pas :

Code:

---

document.getElementById(objet.id).focus();

---

objet représentant un simple et bête imput.
Dans mes recherches, je n'ai vu nulle part un objet comme paramètre du getElementById. Faut il absolument mettre du texte en dur?

Merci pour vos réponses

----
Edit : Fautes

Je comprends pas trop :koi:
Si objet correspond déjà à un objet HTML, pourquoi vouloir récupérer son id pour rechercher l'objet ayant cet id ? :aie:

Code:

---

objet.focus();

---

devrait être suffisant non ? :?

que te retourne

Code:

---

alert(objet.id)

---

???

Code:

---

Objet.focus()

---

ne fonctionne pas. Il me retourne undefined.

Code:

---

alert(objet.id)

---

me retourne bien l'id de mon objet.

Voici ma méthode :

Code:

---

1 2 3 4 5 6

function isAlphabetic(objet){ var reg = new RegExp("^[a-z]*$", "ig"); if(!reg.test(objet.value)){ alert("le champ " + objet.name+ " doit être strictement alphabétique."); objet.focus(); )}

---

et l'appel :

Code:

---

<input id="NomIndividu" class="COMPONENT" type="text" maxlength="30" tabindex="0" onchange="isAlphabetic(this );" size="20" value="" name="Nom">

---

Citation:

---

Envoyé par CPI_en_mousse

Code:

---

Objet.focus()

---

ne fonctionne pas. Il me retourne undefined.

---

Pas étonnant... JavaScript étant sensible à la casse, Objet != objet, d'où ma proposition :

Citation:

---

Envoyé par Bovino

Code:

---

objet.focus();

---

---

C'est une erreur de frappe. Dans mon code, j'écris bien objet partout avec un petit "o"

Tu as une erreur de syntaxe à la dernière ligne de ta fonction : )} : la parenthèse fermante n'a jamais été ouverte et tu n'as pas fermé le if...

J'ai corrigé mais ça ne change rien. le focus ne se fait toujours pas.

Ça peut venir du navigateur? Firefox 19 et IE8.

Edit : Le code suivant fonctionne sans soucis par contre

Code:

---

document.getElementById("nomindividu").focus();

---

Effectivement, c'est un problème d'enchainement des actions liées à l'événement onchange.
Il faut passer par une temporisation :

Code:

---

1 2 3 4 5 6 7

function isAlphabetic(objet){ var reg = new RegExp("^[a-z]*$", "ig"); if(!reg.test(objet.value)){ document.getElementById('msg').innerHTML = "le champ " + objet.name+ " doit être strictement alphabétique."; setTimeout(function(){document.getElementById('NomIndividu').focus();}, 0); } }

---

Effectivement en encapsulant le focus dans une fonction ça fonctionne.
Tu peux m'expliquer pourquoi le fait de l'encapsuler ça fonctionne et pourquoi l'enchainement s'effectue pas sinon?

En tous cas, merci à toi.

Tout simplement parce que l'événement change est déclenché avant blur.
Du coup, lorsque tu sors de ton champs, le onchange est déclenché, il fait les vérifications et redonne le focus au champ, puis l'événement blur survient et enlève le focus. Le fait de passer par un setTimeout avec un délai de 0 permet de mettre l'action souhaitée à la suite de la pile des traitements, c'est-à-dire après les actions liées au blur.

Merci pour ton explication, je le saurai pour le prochain coup