Discussion :

[Protecteur59]

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 :

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

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.

[RomainVALERI]

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

[Bovino]

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 :

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

1
2
3
4
5
6
7
if(typeof this.onfocus == Function){
    temp = this.onfocus
}
this.onfocus = function(){
    // ton nouveau code
    temp;
}

[RomainVALERI]

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

Code javascript :

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

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 ?

[Protecteur59]

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 :

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

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?

[Protecteur59]

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 html :

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

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

[Protecteur59]

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
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

[Protecteur59]

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