[POO] [IE] Récupérer nom d'un "Function"

**Pill_S** · 11/10/2007, 20h19

Bonjour à tous,

je suis en train de travailler sur un code relativement simple (validation d'un formulaire), et j'ai un problème avec IE.

Je récupère les eléments du formuaire avec getElementsByTagName. Ensuite, je regarde s'il s'agit d'un champ texte, et si la propriété "onblur" est définie (avec getAttribute). Si défini, j'exécute ce code avec eval.

Traduit en code, cela donne un truc du genre:

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
20
21
     var form = document.getElementById(formid);
    if(!form) return;
 
    inputs = form.getElementsByTagName('input');
 
    if(inputs.length<=0) return;
 
    for(var i=0; i<inputs.length; i++) {
        var input = inputs.item(i);
 
        if(input.id && input.getAttribute('type') == 'text' && input.getAttribute('onblur')!=undefined) {
            var s = input.getAttribute('onblur');
            var pos = s.indexOf('(');
 
            if(pos>0) {
              var methodtocall = s.substring(0, pos);
              methodtocall += ' (\''+input.id+'\')';
              eval(methodtocall);
            }
        }
    }

Ce qui fonctionne très bien sous firefox, mais plante sous IE (getAttribute me renvoie un objet de type "Function")...

Comment récupérer le nom de la fonction sous forme de String?

Merci d'avance

**Auteur** · 11/10/2007, 22h17

bonjour,

IE ne connait pas getAttribute et setAttribute.
Essaye comme ceci :

Code html :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
// Fonction appelées par l'evenement onblur des 2 input
function test1()
{
 alert("coucou");
}
 
function test2()
{
 alert("hello");
}
 
 
function exeFct()
{
 var elmt = document.getElementsByTagName("input");  // on recupere les input
 
 var f = elmt[0].onblur;   // on place dans f le contenu de onblur
 alert(f);                      // affichage du contenu de f
 f();                            //exécution de f (affiche "coucou")
}
 
//-->
</script>
</head>
 
<body onload="exeFct()">
 
<input type="text" id="idInput1" onblur="test1()" />
<input type="text" id="idInput2" onblur="test2()" />
 
</body>
 
</html>

fonctionne avec IE et FF

**denisC** · 11/10/2007, 22h48

Envoyé par Auteur

IE ne connait pas getAttribute et setAttribute.

A la base, je suis assez d'accord avec Auteur. IE n'aime pas beaucoup getAttribute.

Envoyé par Pill_S

Ce qui fonctionne très bien sous firefox, mais plante sous IE (getAttribute me renvoie un objet de type "Function")...

Maintenant, si IE te renvoie un objet de type Function, on peut dire que tu as du pot

Dans ce cas, pour l'utiliser, plutot que de chercher à le transformer en string, fait directement :

Code :

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

1
2
3
4
var s = input.getAttribute('onblur');
if(typeof s == "Function") {
  s(input.id);
}

Une Function, c'est fait pour s'en servir

**Shinuza** · 12/10/2007, 03h45

C'est "function", et non pas "Function", qui lui est le constructor.

**Pill_S** · 12/10/2007, 08h50

Envoyé par denisC

Maintenant, si IE te renvoie un objet de type Function, on peut dire que tu as du pot

Oui, je suis du genre chanceux

Une Function, c'est fait pour s'en servir

C'est vrai en plus, c'est bête comme choux, mais je n'ai pas vraiment les réflexes javascript....

En tout cas voilà une affaire rondement menée

Je tag résolu

[POO] [IE] Récupérer nom d'un "Function"

JavaScript

Discussions similaires

Partager

Partager