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