Discussion :

[tapoutapou]

J'ai des sources de dnd dans lesquels j'insère des éléments comme suit:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var vehic = dojo.create('div',{'class':couleur,'class':'premierPlan'});
//on crée l'info-bulle
var a = dojo.create('a',{innerHTML:numParc,'href':"#",'class':'info'},vehic);
a.style.height='21';
a.style.width ='31';
a.style.background='url("Pages/images/couleur' + idContrat + '.bmp")';
var span = dojo.create('span',{'id':'span-'+idVehicule},a);
//affichage de l'info-bulle
vehic.onmouseover = function(){afficheDonnees(this);};
//on insert au bon endroit
window["colonne"+age].insertNodes(true, [vehic]);

Le span a un visibility=hidden, et lors d'un onmouseover, grâce au css, j'affiche le span(l'info bulle).
Le problème est que mes sources contiennent des dizaines d'éléments, si bien qu'au final la plupart des span se retrouvent sous des images et au passage de la souris on ne voit plus grand-chose.
J'ai rajouté les propriétés css suivantes au span:

Code :

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

1
2
3
 
position:		relative;
z-index:		2;

Mais ça ne marche pas.
ESt-ce à cause de l'insertion dans les sources de dnd?

[tapoutapou]

J'ai aussi essayé en rajoutant la propriété css aux div plutôt qu'aux span, et avec des valeurs plus grandes de z-index, mais c'est toujours l'échec

[Daniel_Gibot]

As-tu essayé avec des dijit.Tooltip ?

[tapoutapou]

Oui j'ai essayé (il y a quelques semaines déjà) et ça marchait sur des éléments html figés mais pas sur mes éléments drag'n'dropables.
Je vais sans doute être obligé de réessayer si je ne trouve pas une solution css

[Daniel_Gibot]

Si tu les crees dynamiquement sur ton element drag n dropable ? maintenant que tu as l'id tu dois pouvoir le faire
Exemple :

Code :

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

1
2
3
4
5
6
7
 
new dijit.Tooltip({
		connectId: ["monId"],
		label: "texte que l'on veut afficher",
		showDelay: '100',
		position: 'above'
	});