Bonjour,

je souhaite créer un widget simple :

Bandeau titre + bouton de fermeture et une partie contenue où je pourrais rajouter toutes sortes d'objet.

Pour l'instant j'arrive à créer mon widget mais je n'arrive pas à le rendre déplaçable via seulement un click sur la partie titre. (tout le widget est déplaçable).

mon code :

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
30
31
32
33
34
35
36
 
function moveableWidget(identifiant,titre){
	// handle
	var widget = document.createElement("div");
	widget.id = identifiant+"_widget";
	widget.className = "widget";		
 
	// create and add title part
	var titleContainer = new dijit.layout.ContentPane({id: identifiant+"_title"});
	widget.appendChild(titleContainer.domNode);
 
	// titre
	var divTitre = document.createElement("div");
	var titreNode = document.createTextNode(titre);
	divTitre.setAttribute("class","labelTitle");
	divTitre.appendChild(titreNode);
	(titleContainer.domNode).appendChild(divTitre);	
 
	// bouton close
	var closeButton = new dijit.form.Button({label: "X", onClick: function() {console.log("Thank you! ");}});
	var divButton = document.createElement("div");
	divButton.setAttribute("class","buttonClose");
	divButton.appendChild(closeButton.domNode);
	(titleContainer.domNode).appendChild(divButton);
 
	// content
	var centerPane  = document.createElement("div");
	centerPane.setAttribute("style","padding:10px;");	
	centerPane.id = identifiant;
	widget.appendChild(centerPane);
 
	// make movable
	var dnd = new dojo.dnd.Moveable(widget);
 
	return widget;
}
et je l'utilise comme cela :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
widgetLocate = moveableWidget(identifiant,"Locate");	
dojo.byId("widgets").appendChild(widgetLocate);
ma question est donc : comment rendre mon widget déplaçable en cliquant seulement que sur la partie titre.
J'ai un peu près tout essayer mais là je n'ai plus d'idée.