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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
|
Effect.ResizeWindow = Class.create();
Object.extend(Object.extend(Effect.ResizeWindow.prototype, Effect.Base.prototype), {
initialize: function(win, top, left, width, height) {
this.window = win;
this.window.resizing = true;
var size = win.getSize();
this.initWidth = parseFloat(size.width);
this.initHeight = parseFloat(size.height);
var location = win.getLocation();
this.initTop = parseFloat(location.top);
this.initLeft = parseFloat(location.left);
this.width = width != null ? parseFloat(width) : this.initWidth;
this.height = height != null ? parseFloat(height) : this.initHeight;
this.top = top != null ? parseFloat(top) : this.initTop;
this.left = left != null ? parseFloat(left) : this.initLeft;
this.dx = this.left - this.initLeft;
this.dy = this.top - this.initTop;
this.dw = this.width - this.initWidth;
this.dh = this.height - this.initHeight;
this.r2 = $(this.window.getId() + "_row2");
this.content = $(this.window.getId() + "_content");
this.contentOverflow = this.content.getStyle("overflow") || "auto";
this.content.setStyle({overflow: "hidden"});
// Wired mode
if (this.window.options.wiredDrag) {
this.window.currentDrag = win._createWiredElement();
this.window.currentDrag.show();
this.window.element.hide();
}
this.start(arguments[5]);
},
update: function(position) {
var width = Math.floor(this.initWidth + this.dw * position);
var height = Math.floor(this.initHeight + this.dh * position);
var top = Math.floor(this.initTop + this.dy * position);
var left = Math.floor(this.initLeft + this.dx * position);
if (window.ie) {
if (Math.floor(height) == 0)
this.r2.hide();
else if (Math.floor(height) >1)
this.r2.show();
}
this.r2.setStyle({height: height});
this.window.setSize(width, height);
this.window.setLocation(top, left);
},
finish: function(position) {
// Wired mode
if (this.window.options.wiredDrag) {
this.window._hideWiredElement();
this.window.element.show();
}
this.window.setSize(this.width, this.height);
this.window.setLocation(this.top, this.left);
this.r2.setStyle({height: null});
this.content.setStyle({overflow: this.contentOverflow});
this.window.resizing = false;
}
});
Effect.ModalSlideDown = function(element) {
var windowScroll = WindowUtilities.getWindowScroll();
var height = element.getStyle("height");
element.setStyle({top: - (parseFloat(height) - windowScroll.top) + "px"});
element.show();
return new Effect.Move(element, Object.extend({ x: 0, y: parseFloat(height) }, arguments[1] || {}));
};
Effect.ModalSlideUp = function(element) {
var height = element.getStyle("height");
return new Effect.Move(element, Object.extend({ x: 0, y: -parseFloat(height) }, arguments[1] || {}));
};
PopupEffect = Class.create();
PopupEffect.prototype = {
initialize: function(htmlElement) {
this.html = $(htmlElement);
this.options = Object.extend({className: "popup_effect", duration: 0.4}, arguments[1] || {});
},
show: function(element, options) {
var position = Position.cumulativeOffset(this.html);
var size = this.html.getDimensions();
var bounds = element.win.getBounds();
this.window = element.win;
// Create a div
if (!this.div) {
this.div = document.createElement("div");
this.div.className = this.options.className;
this.div.style.height = size.height + "px";
this.div.style.width = size.width + "px";
this.div.style.top = position[1] + "px";
this.div.style.left = position[0] + "px";
this.div.style.position = "absolute"
document.body.appendChild(this.div);
}
if (this.options.fromOpacity)
this.div.setStyle({opacity: this.options.fromOpacity})
this.div.show();
var style = "top:" + bounds.top + ";left:" +bounds.left + ";width:" + bounds.width +";height:" + bounds.height;
if (this.options.toOpacity)
style += ";opacity:" + this.options.toOpacity;
new Effect.Morph(this.div ,{style: style, duration: this.options.duration, afterFinish: this._showWindow.bind(this)});
},
hide: function(element, options) {
var position = Position.cumulativeOffset(this.html);
var size = this.html.getDimensions();
this.window.visible = true;
var bounds = this.window.getBounds();
this.window.visible = false;
this.window.element.hide();
this.div.style.height = bounds.height;
this.div.style.width = bounds.width;
this.div.style.top = bounds.top;
this.div.style.left = bounds.left;
if (this.options.toOpacity)
this.div.setStyle({opacity: this.options.toOpacity})
this.div.show();
var style = "top:" + position[1] + "px;left:" + position[0] + "px;width:" + size.width +"px;height:" + size.height + "px";
if (this.options.fromOpacity)
style += ";opacity:" + this.options.fromOpacity;
new Effect.Morph(this.div ,{style: style, duration: this.options.duration, afterFinish: this._hideDiv.bind(this)});
},
_showWindow: function() {
this.div.hide();
this.window.element.show();
},
_hideDiv: function() {
this.div.hide();
}
}
|
