création d'un widget déplaçable
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:
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:
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.:cry:
