Discussion :

[tapoutapou]

J'ai des éléments avec lesquels je fais du dnd, et bizarrement, je n'arrive pas à relier ces éléments à des événements onclick ou onmouseover.
Voici mon code:

Code :

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

1
2
3
4
5
 
maSource.forInItems(function(item,id,map){
	dojo.connect(item, "onclick", maFonction);
 
});

La fonction maFonction sert tout simplement à réaliser un alert, et je l'ai connecté avec succès à un événement onclick sur un élément figé.
Le problème vient donc d'après moi de l'expression dojo.connect. Pourtant, je ne vois pas ce qui pourrait clocher.
J'ai aussi essayé en affectant un id a tous mes éléments et en faisant un dojo.connect(dojo.byId(),etc), mais sans succès non plus.
Est-ce que quelqu'un a une idée?

[tapoutapou]

Pour la connexion à partir de l'id de l'élément, je viens de trouver un truc assez étrange.
J'ai essayé un truc tout simple:

Code :

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

1
2
 
dojo.style(dojo.byId("monId"),{opacity:'0.2'});

et le code plante.
Autrement dit, la requête d'un élément par son id fait planter le code.

[emmanuel.remy]

Salut,

Quand tu écris

Code :

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

1
2
3
maSource.forInItems(function(item,id,map){
	dojo.connect(item, "onclick", maFonction);
 });

as tu regardé ce que vaut item ?

Code :

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

1
2
3
4
 
maSource.forInItems(function(item,id,map){
	console.log(item);
 });

Les choses devraient s'éclaircir.

ERE

[tapoutapou]

Comment fonctionne console.log? Il affiche des choses dans la console d'Eclipse?
Parce que quand je mets

Code :

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

console.log(item)

j'ai l'impression que rien ne se passe (à moins que je ne regarde pas au bon endroit^^).
Par contre, quand je mets

Code :

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

alert(item)

il m'affiche [object Object]

Remarque:
Voici comment sont définis mes éléments drag'n'dropables:

Code :

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

1
2
3
 
var vehic = dojo.create('div',innerHTML:numParc,'id':numParc,'class':'blanc'});
maSource.insertNodes(true, [vehic]);

[tapoutapou]

Et bim, j'ai encore fini par trouver .
Il faut faire

Code :

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

1
2
3
 
var vehic = dojo.create('div',{innerHTML:numParc,'id':numParc,'class':'blanc'});
dojo.connect(vehic, "onmouseover", pat);

plutôt que de connecter l'élément après qu'il ait été inséré dans le dojo.dnd.Source.
Si tout de même quelqu'un avait l'explication de cette subtilité, ce serait bien qu'il nous en fasse profiter ^^

[emmanuel.remy]

Re,

Désolé mais j'ai été pris toute la journée...
console.log: si tu travailles avec Firefox et Firebug alors les sortie ont lieu dans la console de Firebug. Note qu'il en va de même pour Chrome et Safari. Pour IE du peux utiliser Firebug Lite , mais normalement cela doit fonctionner nativement.

Si tout de même quelqu'un avait l'explication de cette subtilité, ce serait bien qu'il nous en fasse profiter ^^

Je vais essayer: quand tu utilises

Code :

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

1
2
3
maSource.forInItems(function(item,id,map){
	dojo.connect(item, "onclick", maFonction);
 });

alors item n'est pas un noeud du DOM mais un objet Dojo dédié au DnD. D'où ton problème sur le connect. L'écriture serait plutôt:

Code :

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

1
2
3
maSource.forInItems(function(item,id,map){
	dojo.connect(dojo.byId(id), "onclick", maFonction);
 });

Voilà.

ERE

[tapoutapou]

Je viens de tester ce que tu proposes, et ça marche

[emmanuel.remy]

Re,

Je viens de tester ce que tu proposes, et ça marche

Cool !

Ces drag and drop ne sont pas évidents à gérer...

ERE