[IE vs FF] getElementsByName sur objet dynamique

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour à tous,

Je dois avoir accés à des <select> par leur "NAME", combobox ajoutés dynamiquement.
Le getElementsByName fonctionne très bien sur Firefox, mais pour cet en**phariné de IE ... il me renvoie un ô douloureux "undefined" ...
:aie:

Il me semblait qu'il ne faisait pas la distinction entre l'ID et le NAME,
j'ai donc mit au début de mon code :
Code:

1 2 3 4 5 6 7 8 9 // getElementsByName() pour IE : if (navigator.appName == "Microsoft Internet Explorer" ) { document.getElementsByName = function(name) { var tab = new Array(); tab[0] = document.getElementById(name); return tab; } }
mais ça ne fonctionne pas...

Y a t-il une solution ?

merci

Bonjour à tous,
après moultes péripéties, j'ai réussi à coder ça :

Code:

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
function findElByName(nd,strName) { 
  for (var i=0;i<nd.childNodes.length;++i) { 
 
		// find it ? 
    if (nd.childNodes[i].name==strName) { 
      return nd.childNodes[i]; 
                } 
 
			// childNode ? 
				if ((nd.childNodes[i].hasChildNodes()) && (nd.childNodes[i].tagName != "OPTION")) { 
          var val = findElByName(nd.childNodes[i],strName);
          if (val) return val; 
        } 
  	} 
 
  return null; 
 
}
 
// Définition d'un getElementsByName sur objet dynamique pour IE :
if (navigator.appName == "Microsoft Internet Explorer") { 
  document.getElementsByName = function(str) { 
    var o = findElByName(document.body,str); 
    if (o) { 
      return new Array(o); 
    }
    return undefined; 
	} 
}

Ca fonctionne très bien sur ma version de IE, mais je ne dispose pas d'anciennes versions...
est-ce que quelqu'un voudrait tester sur des versions plus anciennes ?
D'avance merci,
TSalm

Voici un petit code pour tester :

Code:

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html> 
<head></head> 
<body>
<table>
<tr><td><select name="selTest"><option value="a"/></select><select name="selTestA"><option value="a"/></select></td><td id="inThis"></td></tr>
</table>
</body> 
<script language="javascript"> 
 
// <<< BEGIN INSERT 
 
  var values = new Array("a","b","c"); 
 
        var inputElementName = "SELECT"; 
        var input = document.createElement(inputElementName); 
 
        input.setAttribute('name', "test.test[0]"); 
 
        for (i=0;i<values.length; i++) { 
         var option = document.createElement("OPTION"); 
         option.setAttribute("value",  values[i]); 
         option.innerHTML = values[i]; 
         input.appendChild(option); 
        } 
 
        document.getElementById("inThis").appendChild(input); 
//  END >>> 
 
 
 
// <<< 
function findElByName(nd,strName) { 
//  txtTest += "*Node taille : "+nd.childNodes.length+"<br/>";
  for (var i=0;i<nd.childNodes.length;++i) { 
	// find it ? 
    	if (nd.childNodes[i].name==strName) { 
      	return nd.childNodes[i]; 
      } 
 
      // childNode ? 
      if ((nd.childNodes[i].hasChildNodes()) && (nd.childNodes[i].tagName != "OPTION")) { 
      	val = findElByName(nd.childNodes[i],strName);
      	if (val) return val;
 
      } 
  } 
 
  return null; 
 
} 
 
if (navigator.appName == "Microsoft Internet Explorer") { 
  document.getElementsByName = function(str) { 
    o = findElByName(document.body,str); 
    if (o) { 
      return new Array(o); 
    } 
    return undefined; 
  } 
} 
 
// >>> 
 
obj = document.getElementsByName("test.test[0]");
if (obj[0]) alert(obj);
 
</script> 
</html>

Si ça fonctionne, il affiche [object] dans une boite de dialogue
, sinon je pense qu'il n'affiche rien...

27/02/2007, 09h15
TSalm

Personne n'aurait un vieil IE ? :(
27/02/2007, 11h17
E.Bzz

Bonjour,

Citation:

Envoyé par TSalm

Si ça fonctionne, il affiche [object] dans une boite de dialogue

N'ayant pas trouvé quelle était la version déjà testée (7 ?), j'ai testé avec IE6 => OK !

A+
27/02/2007, 15h00
TSalm

J'avais aussi testé avec IE 6 :D
J'ai surtout peur avec IE 5 ...

en tout cas merci
28/02/2007, 14h11
TSalm

J'ai aussi remarqué que ce script est lent ... quelqu'un voit une façon de le rendre plus rapide ?
28/02/2007, 15h20
onclebob

ca marchais pas le getElementsById si tu ajoutais aussi un ID dynamiquement a tes options?
28/02/2007, 15h41
TSalm

peut-pas, c'est un Framework qui me gére ce contenu dynamique, et j'ai interdiction de toucher directement aux sources, question de MàJ :(

Normal que le script soit lent, il cherches dans tout les enfants de body.
Si tu dois chercher des balises SELECT fait une fonction style
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 inputType = "SELECT"; nameToSearch = "nom1"; function searchInput(inputType,nametoSearch) { Element = document.getElementsByTagName(inputType); for (var i = 0; i < Element.length; i++) { if(Element[i].name == nametoSearch) { return Element[i]; } } return false; }
Il ne cherchera que dans les input du type demandé, si pas trouvé retourne false.
Attention non testé, ptet des erreurs de syntaxe.

28/02/2007, 16h30
E.Bzz

Voire même

Code:

Element = document.getElementById('id_conteneur').getElementsByTagName(inputType);

s'ils sont tous dans un même conteneur (un <div>, par ex.)

A+
28/02/2007, 16h36
TSalm

bon, ce n'est pas là que ça ralenti, cette portion de code est juste faite pour ajouter un élément dynamiquement (en l'occurrence, un SELECT).
C'est dans la fonction findElByName que le bas blesse ...
28/02/2007, 16h44
onclebob

Oui oui la fonction qu'on te proposes est un remplacement de findElByName!
ton findElByName parcoure tout les elements du dom et c'est normal qu'elle soit lente.
si tu veux comprendre pourquoi remplace

if (val) return val;

par

if (val)
{
alert(i);
return val;
}

tu vas "voir" le nombre d'element qu'il a checké!
28/02/2007, 16h49
TSalm

:?
ce qui demande de connaître le type du TAG, c'est super embêtant...
28/02/2007, 16h54
E.Bzz

Citation:

Envoyé par TSalm

:?
ce qui demande de connaître le type du TAG, c'est super embêtant...

Tant que ça ?
Parce que les appels récursifs, c'est lourd aussi ...

C'est clair pour les appels récursifs, je vais voir ça aussi ...

J'ai déjà une nette amélioration avec ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function findElByName(nd,strName) {
  var val;
  var m=nd.childNodes.length ;
  for (var i=0;i<m ;++i) { 
    var nc = nd.childNodes[i];
    // find it ? 
    if (nc.name==strName) { 
      return nd.childNodes[i]; 
    } 
    // childNode ? 
    if ((nc.hasChildNodes()) && (nc.tagName != "OPTION")) { 
      val = findElByName(nc,strName);
      if (val) return val; 
    }
  } 
  return null; 
}

Je me suis référé à http://www.peachpit.com/articles/pri...p?p=31567&rl=1

28/02/2007, 17h29
onclebob

coté "connaitre le TAG" ca reviens au meme la :p
tu fais du recursif et quand tu tombe sur un option tu verifi le name.
tu chercherai que les OPTIONS de ta page...
28/02/2007, 17h31
E.Bzz

Citation:

Envoyé par onclebob

coté "connaitre le TAG" ca reviens au meme la :p
tu fais du recursif et quand tu tombe sur un option tu verifi le name.
tu chercherai que les OPTIONS de ta page...

Heu ... non justement : je crois qu'ils descend tous les niveaux sauf les options (!= "OPTION") :mrgreen:
28/02/2007, 17h37
E.Bzz

Je reviens à ton 1° post parce que je crois qu'on s'est un peu écarté et qu'on complique pour rien.
Effectivement IE est le seul à mélanger name et id : pas pour ça qu'il faut en profiter ;)
Par contre getElementsByName() retourne un tableau (car contrairement aux ID, plusieurs obkets peuvent avoir le même name dans ta page.
Tout ça pour dire : tu as essayé

Code:

tab[0] = document.getElementsByName(name)[0]

:?

A+
28/02/2007, 17h42
TSalm

oui, et ça ne fonctionne pas sur des elements créés dynamiquement :?

Voir 40 message(s) de cette discussion en une page