DOM + OnFocus

Bonjour à tous,

Je rencontre actuellement un problème.

J'explique la situation, car c'est assez compliqué.

La page contient :
- un formulaire, avec plusieurs champ (Text, Textarea, Select).
- une fonction javascript


La fonction javascript est appelé dans toutes les pages, elle controle tout les champs, si la classe du champ est "TextSTM" alors ce champ aura plusieurs déclencheurs (OnMouseOver, OnMouseOut, OnFocus, OnBlur, OnClick).

Pour ce faire, j'utilise getElementsByTagName('input') et une boucle sur les éléments.

Par contre, certains champs text de mon formulaire, possède déjà une action sur le OnFocus (Recherche de ville en ajax).

Code:

---

1 2 3 4 5 6 7 8 9 10

TDS=document.getElementsByTagName('INPUT');   for(i=0,Nombre=TDS.length;i<Nombre;i++){ if(TDS[i].className=='TextSTM'){ TDS[i].onfocus=function() { this.className='TextSTMOM'; }; } }

---

Comment faire pour que le champ text en question garde sa fonction sur OnFocus, ET qu'il ajoute ce que fait le code ci-dessus ?

En gros, ajouter une autre fonction au "OnFocus".

Si vous avez toujours pas compris : Ajouter l'équivalent d'un 2 ème OnFocus au champ.

>>> utiliser attachEvent (pour IE) ou addEventListener (pour les autres) ^^

Salut,
Il y a deux possibilités :
La plus propre : utiliser attachEvent et addEventListener;

La moins propre : tester si une fonction est déjà attachée à l'événement :

Code:

---

1 2 3 4 5 6 7

if(typeof this.onfocus == Function){ temp = this.onfocus } this.onfocus = function(){ // ton nouveau code temp; }

---

Ah tiens oui je n'avais pas pensé à cette solution ^^
Mais est-ce que ce ne serait pas plutôt :

Citation:

---

Envoyé par Bovino

Code:

---

1 2 3 4 5 6 7 8

var temp = function() {}; if(typeof this.onfocus == Function){ temp = this.onfocus } this.onfocus = function(){ // ton nouveau code temp(); }

---

---

...non ? :?

Tout d'abord, merci pour ta réponse,

Je t'avoue que j'ai déjà essayé ça, et le problème c'est que tout est géré en dom...

Alors :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

TDS=document.getElementsByTagName('INPUT');   for(i=0,Nombre=TDS.length;i<Nombre;i++){   function OnBlur(){ this.className='TextSTM'; }   TDS[i].attachEvent("onblur", OnBlur); }

---

ça ne fonctionne pas apparement ...

Peux-tu m'éclaircir? ;)

Désolé, j'ai vu la 2 ème réponse trop tard !

Il faut noté que plusieurs input peuvent avoir un "OnFocus" déjà inséré... et j'ai l'impression qu'il réécrase la fonction...

Code:

---

1 2 3 4

<INPUT TYPE="text" CLASS="TextSTM" ONFOCUS="alert('test');"> <INPUT TYPE="text" CLASS="TextSTM" ONFOCUS="alert('test2');"> <INPUT TYPE="text" CLASS="TextSTM" ONFOCUS="alert('test3');"> <INPUT TYPE="text" CLASS="TextSTM">

---

Ma fonction veut ajouter : this.className='TextSTMOM'; sur les 3 input ... dans une boucle

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

for(i=0,Nombre=TDS.length;i<Nombre;i++){ if(TDS[i].className=='TextSTM'){ TDS[i].onfocus=function() { this.className='TextSTMOM'; };   if(TDS[i].onblur==null){ TDS[i].onblur=function() { this.className='TextSTM'; }; } else{ function OnBlur(event){ this.className='TextSTM'; }   TDS[i].attachEvent("onblur", OnBlur); } }

---

c'est ma fonction actuelle

Désolé pour le multi-post, mais c'est assez urgent, pour un intranet, si quelqu'un pouvait me dire comment faire !

Merci d'avance