Discussion :

[locs]

je viens de tester ton code :

Code :

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

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 :

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

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?

[locs]

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

Code :

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

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

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

[locs]

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

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

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
 
$$('.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............

[SpaceFrog]

tu as tenu compte du fait que tu as des table imbriqués ?

[locs]

C'est a dire?
Je comprend pas la???

[SpaceFrog]

euh ... non rien si tu récupères le bon id c'est que tu pointe sur le bon élément


sinon essaye ça:

Code :

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

1
2
3
myHandle.onmousedown= function(e) {
			e = new Event(e).stop();
                         };

tu n'aurais pas un problème de propagation du ommousedown?

[locs]

Je viens de tester comme tu viens de me le spécifier cela fonctionne, le probléme venais d'ou ?

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


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