différence getElementsByTag et getchildren

Version imprimable

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

03/10/2007, 09h34
locs
je viens de tester ton code :
Code:

1 2 var mesLignes=item.getElementsByTagName('tbody')[0].getElementsByTagName('div');
Mais j'ai le même probléme en fait j'arrive bien a me possitionner sur le bon élément mais lorsque je fais :
Code:

1 2 3 myHandle.addEvent('mousedown', function(e) { e = new Event(e).stop();
J'ai l'erreur "cette objet ne gére pas cette propriété ou cette méthode".
Je pense que "getElementsByTagName" ne récupére pas les objets de la même maniére que getChildren(), mais je ne comprend pas pourquoi??
Si tu as une idées?

Par contre je viens de faire un test lorsque je met les deux :
Code:

1 2 3 4 5 6 7 8 9 10 11 myHandle=item.getChildren()[0].getChildren()[0].getChildren()[1].getChildren()[1].getChildren()[0].getChildren()[0].getChildren()[0].getChildren()[0].getChildren()[0].getChildren()[0].getChildren()[0].getChildren()[0].getChildren()[0]; var mesLignes=item.getElementsByTagName('tbody')[0].getElementsByTagName('div'); for(i=0;i<mesLignes.length;i++) { if(mesLignes[i].id=='HandleDrag') { myHandle=mesLignes[i]; } }
l'erreur ne se produit plus, il faudrait peut être que j'initialise ma variable "myHandle" d'une certaine maniére?
J'avoue être un peu perdu la et ne plus trop comprendre le comportement de javascript .......

03/10/2007, 09h41
SpaceFrog

fais une recherche sur ce forum avec "nodeCleaner"

getChildren récupère les noeuds enfants ... et il y a selon le browser des noeuds cachés !
Fais un test en faisant un alert du nodeName ...

je viens de recupérer le nodeCleaner dont tu me parlais.

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
 
var notWhitespace = /\S/;
 
var TEXT_NODE;
try {
   TEXT_NODE = Node.TEXT_NODE;
} catch(e) {
   TEXT_NODE = 3;
}
 
var ELEMENT_NODE;
try {
  ELEMENT_NODE = Node.ELEMENT_NODE;
} catch(e) {
   ELEMENT_NODE = 1;
}
 
function cleanWhitespace(node) {
  for (var x = 0; x < node.childNodes.length; x++) {
    var childNode = node.childNodes[x];
    if ((childNode.nodeType == TEXT_NODE)&&(!notWhitespace.test(childNode.nodeValue))) {
      node.removeChild(node.childNodes[x]);
      x--;
    }
    if (childNode.nodeType == ELEMENT_NODE) {
      cleanWhitespace(childNode);
    }
  }
}

Je l'utilise comme suis :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
$$('.drag .item').each(function(item){
		cleanWhitespace(item);
 
 
		var mesLignes=item.getElementsByTagName('tbody')[0].getElementsByTagName('div');
		for(i=0;i<mesLignes.length;i++)
		{
			if(mesLignes[i].id=='HandleDrag')
			{
				myHandle=mesLignes[i];	
			}
		}
		myHandle.addEvent('mousedown', function(e) {
			e = new Event(e).stop();
                         };
}

Mais rien a faire j'ai toujours la même ereur.... je comprend toujours pas pkoi ce getelementbytagName ne retourne un objet du bon type pourtant je suis d'etre positionné sur mon div, j'ai affiché l'id de mon objet "myHandle" et il correspond bien............

03/10/2007, 09h55
SpaceFrog

tu as tenu compte du fait que tu as des table imbriqués ?
03/10/2007, 09h58
locs

C'est a dire?
Je comprend pas la???
03/10/2007, 10h01
SpaceFrog
euh ... non rien si tu récupères le bon id c'est que tu pointe sur le bon élément :oops:

sinon essaye ça:
Code:

1 2 3 myHandle.onmousedown= function(e) { e = new Event(e).stop(); };
tu n'aurais pas un problème de propagation du ommousedown?
03/10/2007, 10h04
locs

Je viens de tester comme tu viens de me le spécifier cela fonctionne, le probléme venais d'ou ?
03/10/2007, 10h08
SpaceFrog

à priori de la méthode d'attribution du onmousedown ...
Je crois que récemment il y a eu un post là dessus ...

addEvent est un peu pernicieux ... :aie:

voilà le post en question :
http://www.developpez.net/forums/sho...light=addevent

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