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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
|
//>>built
// wrapped by build app
define("dojox/drawing/ui/Tooltip", ["dijit","dojo","dojox","dojo/require!dojox/drawing/plugins/_Plugin"], function(dijit,dojo,dojox){
dojo.provide("dojox.drawing.ui.Tooltip");
dojo.require("dojox.drawing.plugins._Plugin");
(function(){
// summary:
// Used for UI tooltips. Buttons in the toolbar.
// This file is not complete.
//
var master = null;
var MasterC = dojox.drawing.util.oo.declare(
dojox.drawing.plugins._Plugin,
function(options){
this.createDom();
},
{
show: function(button, text){
this.domNode.innerHTML = text;
var dx = 30;
var px = button.data.x + button.data.width;
var py = button.data.y + button.data.height;
var x = px + this.mouse.origin.x + dx;
var y = py + this.mouse.origin.y + dx;
dojo.style(this.domNode, {
display: "inline",
left:x +"px",
top:y+"px"
});
var box = dojo.marginBox(this.domNode);
this.createShape(x-this.mouse.origin.x, y-this.mouse.origin.y, box.w, box.h);
},
createShape: function(x,y,w,h){
this.balloon && this.balloon.destroy();
var r = 5, x2 = x+w, y2 = y+h, points = [];
var add = function(){
for(var i=0;i<arguments.length;i++){
points.push(arguments[i]);
}
};
add({x:x,y:y+5},
{t:"Q", x:x,y:y},
{x:x+r,y:y});
add({t:"L", x:x2-r,y:y});
add({t:"Q", x:x2,y:y},
{x:x2,y:y+r});
add({t:"L", x:x2,y:y2-r});
add({t:"Q", x:x2,y:y2},
{x:x2-r,y:y2});
add({t:"L", x:x+r,y:y2});
add({t:"Q", x:x,y:y2},
{x:x,y:y2-r});
add({t:"L", x:x,y:y+r});
this.balloon = this.drawing.addUI("path", {points:points});
},
createDom: function(){
this.domNode = dojo.create('span', {"class":"drawingTooltip"}, document.body);
dojo.style(this.domNode, {
display: "none",
position:"absolute"
});
}
}
);
dojox.drawing.ui.Tooltip = dojox.drawing.util.oo.declare(
dojox.drawing.plugins._Plugin,
function(options){
if(!master){
master = new MasterC(options);
}
if(options.stencil){
//todo
}else if(this.button){
this.connect(this.button, "onOver", this, "onOver");
this.connect(this.button, "onOut", this, "onOut");
}
},
{
width:300,
height:200,
onOver: function(){
//console.log(" tooltip over", this.data.text)
master.show(this.button, this.data.text);
},
onOut: function(){
//console.log(" tooltip out")
}
}
);
dojox.drawing.register({
name:"dojox.drawing.ui.Tooltip"
}, "stencil");
})();
});
|
