1 |
2887
|
anderson
|
/**
|
2 |
|
|
*
|
3 |
|
|
* Copyright 2005 Sabre Airline Solutions
|
4 |
|
|
*
|
5 |
|
|
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
|
6 |
|
|
* file except in compliance with the License. You may obtain a copy of the License at
|
7 |
|
|
*
|
8 |
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
9 |
|
|
*
|
10 |
|
|
* Unless required by applicable law or agreed to in writing, software distributed under the
|
11 |
|
|
* License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
|
12 |
|
|
* either express or implied. See the License for the specific language governing permissions
|
13 |
|
|
* and limitations under the License.
|
14 |
|
|
**/
|
15 |
|
|
|
16 |
|
|
|
17 |
|
|
//-------------------- rico.js
|
18 |
|
|
var Rico = {
|
19 |
|
|
Version: '1.1.0',
|
20 |
|
|
prototypeVersion: parseFloat(Prototype.Version.split(".")[0] + "." + Prototype.Version.split(".")[1])
|
21 |
|
|
}
|
22 |
|
|
|
23 |
|
|
if((typeof Prototype=='undefined') || Rico.prototypeVersion < 1.3)
|
24 |
|
|
throw("Rico requires the Prototype JavaScript framework >= 1.3");
|
25 |
|
|
|
26 |
|
|
Rico.ArrayExtensions = new Array();
|
27 |
|
|
|
28 |
|
|
if (Object.prototype.extend) {
|
29 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;
|
30 |
|
|
}else{
|
31 |
|
|
Object.prototype.extend = function(object) {
|
32 |
|
|
return Object.extend.apply(this, [this, object]);
|
33 |
|
|
}
|
34 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;
|
35 |
|
|
}
|
36 |
|
|
|
37 |
|
|
if (Array.prototype.push) {
|
38 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.push;
|
39 |
|
|
}
|
40 |
|
|
|
41 |
|
|
if (!Array.prototype.remove) {
|
42 |
|
|
Array.prototype.remove = function(dx) {
|
43 |
|
|
if( isNaN(dx) || dx > this.length )
|
44 |
|
|
return false;
|
45 |
|
|
for( var i=0,n=0; i<this.length; i++ )
|
46 |
|
|
if( i != dx )
|
47 |
|
|
this[n++]=this[i];
|
48 |
|
|
this.length-=1;
|
49 |
|
|
};
|
50 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.remove;
|
51 |
|
|
}
|
52 |
|
|
|
53 |
|
|
if (!Array.prototype.removeItem) {
|
54 |
|
|
Array.prototype.removeItem = function(item) {
|
55 |
|
|
for ( var i = 0 ; i < this.length ; i++ )
|
56 |
|
|
if ( this[i] == item ) {
|
57 |
|
|
this.remove(i);
|
58 |
|
|
break;
|
59 |
|
|
}
|
60 |
|
|
};
|
61 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.removeItem;
|
62 |
|
|
}
|
63 |
|
|
|
64 |
|
|
if (!Array.prototype.indices) {
|
65 |
|
|
Array.prototype.indices = function() {
|
66 |
|
|
var indexArray = new Array();
|
67 |
|
|
for ( index in this ) {
|
68 |
|
|
var ignoreThis = false;
|
69 |
|
|
for ( var i = 0 ; i < Rico.ArrayExtensions.length ; i++ ) {
|
70 |
|
|
if ( this[index] == Rico.ArrayExtensions[i] ) {
|
71 |
|
|
ignoreThis = true;
|
72 |
|
|
break;
|
73 |
|
|
}
|
74 |
|
|
}
|
75 |
|
|
if ( !ignoreThis )
|
76 |
|
|
indexArray[ indexArray.length ] = index;
|
77 |
|
|
}
|
78 |
|
|
return indexArray;
|
79 |
|
|
}
|
80 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.indices;
|
81 |
|
|
}
|
82 |
|
|
|
83 |
|
|
// Create the loadXML method and xml getter for Mozilla
|
84 |
|
|
if ( window.DOMParser &&
|
85 |
|
|
window.XMLSerializer &&
|
86 |
|
|
window.Node && Node.prototype && Node.prototype.__defineGetter__ ) {
|
87 |
|
|
|
88 |
|
|
if (!Document.prototype.loadXML) {
|
89 |
|
|
Document.prototype.loadXML = function (s) {
|
90 |
|
|
var doc2 = (new DOMParser()).parseFromString(s, "text/xml");
|
91 |
|
|
while (this.hasChildNodes())
|
92 |
|
|
this.removeChild(this.lastChild);
|
93 |
|
|
|
94 |
|
|
for (var i = 0; i < doc2.childNodes.length; i++) {
|
95 |
|
|
this.appendChild(this.importNode(doc2.childNodes[i], true));
|
96 |
|
|
}
|
97 |
|
|
};
|
98 |
|
|
}
|
99 |
|
|
|
100 |
|
|
Document.prototype.__defineGetter__( "xml",
|
101 |
|
|
function () {
|
102 |
|
|
return (new XMLSerializer()).serializeToString(this);
|
103 |
|
|
}
|
104 |
|
|
);
|
105 |
|
|
}
|
106 |
|
|
|
107 |
|
|
document.getElementsByTagAndClassName = function(tagName, className) {
|
108 |
|
|
if ( tagName == null )
|
109 |
|
|
tagName = '*';
|
110 |
|
|
|
111 |
|
|
var children = document.getElementsByTagName(tagName) || document.all;
|
112 |
|
|
var elements = new Array();
|
113 |
|
|
|
114 |
|
|
if ( className == null )
|
115 |
|
|
return children;
|
116 |
|
|
|
117 |
|
|
for (var i = 0; i < children.length; i++) {
|
118 |
|
|
var child = children[i];
|
119 |
|
|
var classNames = child.className.split(' ');
|
120 |
|
|
for (var j = 0; j < classNames.length; j++) {
|
121 |
|
|
if (classNames[j] == className) {
|
122 |
|
|
elements.push(child);
|
123 |
|
|
break;
|
124 |
|
|
}
|
125 |
|
|
}
|
126 |
|
|
}
|
127 |
|
|
|
128 |
|
|
return elements;
|
129 |
|
|
}
|
130 |
|
|
|
131 |
|
|
|
132 |
|
|
//-------------------- ricoAccordion.js
|
133 |
|
|
Rico.Accordion = Class.create();
|
134 |
|
|
|
135 |
|
|
Rico.Accordion.prototype = {
|
136 |
|
|
|
137 |
|
|
initialize: function(container, options) {
|
138 |
|
|
this.container = $(container);
|
139 |
|
|
this.lastExpandedTab = null;
|
140 |
|
|
this.accordionTabs = new Array();
|
141 |
|
|
this.clickBeforeActions = new Array();
|
142 |
|
|
this.clickAfterActions = new Array();
|
143 |
|
|
this.setOptions(options);
|
144 |
|
|
this._attachBehaviors();
|
145 |
|
|
if(!container) return;
|
146 |
|
|
|
147 |
2890
|
sgarg
|
//PMA
|
148 |
|
|
///////this.container.style.borderBottom = '1px solid ' + this.options.borderColor;
|
149 |
2887
|
anderson
|
// validate onloadShowTab
|
150 |
|
|
if (this.options.onLoadShowTab >= this.accordionTabs.length)
|
151 |
|
|
this.options.onLoadShowTab = 0;
|
152 |
|
|
|
153 |
|
|
// set the initial visual state...
|
154 |
|
|
//if (!onLoadHideTabs) {
|
155 |
|
|
for ( var i=0 ; i < this.accordionTabs.length ; i++ )
|
156 |
|
|
{
|
157 |
|
|
if (i != this.options.onLoadShowTab){
|
158 |
|
|
this.accordionTabs[i].collapse();
|
159 |
|
|
this.accordionTabs[i].content.style.display = 'none';
|
160 |
|
|
}
|
161 |
|
|
}
|
162 |
|
|
//}
|
163 |
|
|
this.lastExpandedTab = this.accordionTabs[this.options.onLoadShowTab];
|
164 |
|
|
if (this.options.panelHeight == 'auto'){
|
165 |
|
|
var tabToCheck = (this.options.onloadShowTab === 0)? 1 : 0;
|
166 |
|
|
var titleBarSize = parseInt(RicoUtil.getElementsComputedStyle(this.accordionTabs[tabToCheck].titleBar, 'height'));
|
167 |
|
|
if (isNaN(titleBarSize))
|
168 |
|
|
titleBarSize = this.accordionTabs[tabToCheck].titleBar.offsetHeight;
|
169 |
|
|
|
170 |
|
|
var totalTitleBarSize = this.accordionTabs.length * titleBarSize;
|
171 |
|
|
var parentHeight = parseInt(RicoUtil.getElementsComputedStyle(this.container.parentNode, 'height'));
|
172 |
|
|
if (isNaN(parentHeight))
|
173 |
|
|
parentHeight = this.container.parentNode.offsetHeight;
|
174 |
|
|
|
175 |
|
|
this.options.panelHeight = parentHeight - totalTitleBarSize-2;
|
176 |
|
|
}
|
177 |
|
|
|
178 |
|
|
this.lastExpandedTab.content.style.height = this.options.panelHeight + "px";
|
179 |
|
|
this.lastExpandedTab.showExpanded();
|
180 |
|
|
this.lastExpandedTab.titleBar.style.fontWeight = this.options.expandedFontWeight;
|
181 |
|
|
|
182 |
|
|
},
|
183 |
|
|
|
184 |
|
|
setOptions: function(options) {
|
185 |
|
|
this.options = {
|
186 |
|
|
expandedBg : '#63699c',
|
187 |
|
|
hoverBg : '#63699c',
|
188 |
|
|
collapsedBg : '#6b79a5',
|
189 |
|
|
expandedTextColor : '#ffffff',
|
190 |
|
|
expandedFontWeight : 'bold',
|
191 |
|
|
hoverTextColor : '#ffffff',
|
192 |
|
|
collapsedTextColor : '#ced7ef',
|
193 |
|
|
collapsedFontWeight : 'normal',
|
194 |
|
|
borderColor : '#1f669b',
|
195 |
|
|
panelHeight : 200,
|
196 |
|
|
onHideTab : null,
|
197 |
|
|
onShowTab : null,
|
198 |
|
|
onLoadShowTab : 0
|
199 |
|
|
}
|
200 |
|
|
Object.extend(this.options, options || {});
|
201 |
|
|
},
|
202 |
|
|
|
203 |
|
|
showTabByIndex: function( anIndex, animate ) {
|
204 |
|
|
var doAnimate = arguments.length == 1 ? true : animate;
|
205 |
|
|
this.showTab( this.accordionTabs[anIndex], doAnimate );
|
206 |
|
|
},
|
207 |
|
|
|
208 |
|
|
showTab: function( accordionTab, animate ) {
|
209 |
|
|
|
210 |
|
|
var doAnimate = arguments.length == 1 ? true : animate;
|
211 |
|
|
|
212 |
|
|
if ( this.options.onHideTab )
|
213 |
|
|
this.options.onHideTab(this.lastExpandedTab);
|
214 |
|
|
|
215 |
|
|
this.lastExpandedTab.showCollapsed();
|
216 |
|
|
var accordion = this;
|
217 |
|
|
var lastExpandedTab = this.lastExpandedTab;
|
218 |
|
|
|
219 |
|
|
this.lastExpandedTab.content.style.height = (this.options.panelHeight - 1) + 'px';
|
220 |
|
|
accordionTab.content.style.display = '';
|
221 |
|
|
|
222 |
|
|
accordionTab.titleBar.style.fontWeight = this.options.expandedFontWeight;
|
223 |
|
|
|
224 |
|
|
if ( doAnimate ) {
|
225 |
|
|
new Rico.Effect.AccordionSize( this.lastExpandedTab.content,
|
226 |
|
|
accordionTab.content,
|
227 |
|
|
1,
|
228 |
|
|
this.options.panelHeight,
|
229 |
|
|
100, 10,
|
230 |
|
|
{ complete: function() {accordion.showTabDone(lastExpandedTab)} } );
|
231 |
|
|
this.lastExpandedTab = accordionTab;
|
232 |
|
|
}
|
233 |
|
|
else {
|
234 |
|
|
this.lastExpandedTab.content.style.height = "1px";
|
235 |
|
|
accordionTab.content.style.height = this.options.panelHeight + "px";
|
236 |
|
|
this.lastExpandedTab = accordionTab;
|
237 |
|
|
this.showTabDone(lastExpandedTab);
|
238 |
|
|
}
|
239 |
|
|
},
|
240 |
|
|
|
241 |
|
|
showTabDone: function(collapsedTab) {
|
242 |
|
|
collapsedTab.content.style.display = 'none';
|
243 |
|
|
this.lastExpandedTab.showExpanded();
|
244 |
|
|
if ( this.options.onShowTab )
|
245 |
|
|
this.options.onShowTab(this.lastExpandedTab);
|
246 |
|
|
},
|
247 |
|
|
|
248 |
|
|
_attachBehaviors: function() {
|
249 |
|
|
var panels = this._getDirectChildrenByTag(this.container, 'DIV');
|
250 |
|
|
for ( var i = 0 ; i < panels.length ; i++ ) {
|
251 |
|
|
|
252 |
|
|
var tabChildren = this._getDirectChildrenByTag(panels[i],'DIV');
|
253 |
|
|
if ( tabChildren.length != 2 )
|
254 |
|
|
continue; // unexpected
|
255 |
|
|
|
256 |
|
|
var tabTitleBar = tabChildren[0];
|
257 |
|
|
var tabContentBox = tabChildren[1];
|
258 |
|
|
this.accordionTabs.push( new Rico.Accordion.Tab(this,tabTitleBar,tabContentBox) );
|
259 |
|
|
}
|
260 |
|
|
},
|
261 |
|
|
|
262 |
|
|
_getDirectChildrenByTag: function(e, tagName) {
|
263 |
|
|
var kids = new Array();
|
264 |
|
|
var allKids = e.childNodes;
|
265 |
|
|
for( var i = 0 ; i < allKids.length ; i++ )
|
266 |
|
|
if ( allKids[i] && allKids[i].tagName && allKids[i].tagName == tagName )
|
267 |
|
|
kids.push(allKids[i]);
|
268 |
|
|
return kids;
|
269 |
|
|
}
|
270 |
|
|
|
271 |
|
|
};
|
272 |
|
|
|
273 |
|
|
Rico.Accordion.Tab = Class.create();
|
274 |
|
|
|
275 |
|
|
Rico.Accordion.Tab.prototype = {
|
276 |
|
|
|
277 |
|
|
initialize: function(accordion, titleBar, content) {
|
278 |
|
|
this.accordion = accordion;
|
279 |
|
|
this.titleBar = titleBar;
|
280 |
|
|
this.content = content;
|
281 |
|
|
this._attachBehaviors();
|
282 |
|
|
},
|
283 |
|
|
|
284 |
|
|
collapse: function() {
|
285 |
|
|
this.showCollapsed();
|
286 |
|
|
this.content.style.height = "1px";
|
287 |
|
|
},
|
288 |
|
|
|
289 |
|
|
showCollapsed: function() {
|
290 |
|
|
this.expanded = false;
|
291 |
|
|
this.titleBar.style.backgroundColor = this.accordion.options.collapsedBg;
|
292 |
|
|
this.titleBar.style.color = this.accordion.options.collapsedTextColor;
|
293 |
|
|
this.titleBar.style.fontWeight = this.accordion.options.collapsedFontWeight;
|
294 |
|
|
this.content.style.overflow = "hidden";
|
295 |
|
|
},
|
296 |
|
|
|
297 |
|
|
showExpanded: function() {
|
298 |
|
|
this.expanded = true;
|
299 |
|
|
this.titleBar.style.backgroundColor = this.accordion.options.expandedBg;
|
300 |
|
|
this.titleBar.style.color = this.accordion.options.expandedTextColor;
|
301 |
|
|
this.content.style.overflow = "visible";
|
302 |
|
|
},
|
303 |
|
|
|
304 |
|
|
titleBarClicked: function(e) {
|
305 |
|
|
if ( this.accordion.lastExpandedTab == this )
|
306 |
|
|
return;
|
307 |
|
|
|
308 |
|
|
|
309 |
|
|
for (var i=0 ; i < this.accordion.clickBeforeActions.length; i++) {
|
310 |
|
|
this.accordion.clickBeforeActions[i](this);
|
311 |
|
|
}
|
312 |
|
|
|
313 |
|
|
// show the selected tab
|
314 |
|
|
this.accordion.showTab(this);
|
315 |
|
|
|
316 |
|
|
for (i=0 ; i < this.accordion.clickAfterActions.length; i++) {
|
317 |
|
|
this.accordion.clickAfterActions[i](this);
|
318 |
|
|
}
|
319 |
|
|
},
|
320 |
|
|
|
321 |
|
|
hover: function(e) {
|
322 |
|
|
this.titleBar.style.backgroundColor = this.accordion.options.hoverBg;
|
323 |
|
|
this.titleBar.style.color = this.accordion.options.hoverTextColor;
|
324 |
|
|
},
|
325 |
|
|
|
326 |
|
|
unhover: function(e) {
|
327 |
|
|
if ( this.expanded ) {
|
328 |
|
|
this.titleBar.style.backgroundColor = this.accordion.options.expandedBg;
|
329 |
|
|
this.titleBar.style.color = this.accordion.options.expandedTextColor;
|
330 |
|
|
}
|
331 |
|
|
else {
|
332 |
|
|
this.titleBar.style.backgroundColor = this.accordion.options.collapsedBg;
|
333 |
|
|
this.titleBar.style.color = this.accordion.options.collapsedTextColor;
|
334 |
|
|
}
|
335 |
|
|
},
|
336 |
|
|
|
337 |
|
|
_attachBehaviors: function() {
|
338 |
|
|
this.content.style.border = "1px solid " + this.accordion.options.borderColor;
|
339 |
|
|
this.content.style.borderTopWidth = "0px";
|
340 |
|
|
this.content.style.borderBottomWidth = "0px";
|
341 |
|
|
this.content.style.margin = "0px";
|
342 |
|
|
|
343 |
|
|
this.titleBar.onclick = this.titleBarClicked.bindAsEventListener(this);
|
344 |
|
|
this.titleBar.onmouseover = this.hover.bindAsEventListener(this);
|
345 |
|
|
this.titleBar.onmouseout = this.unhover.bindAsEventListener(this);
|
346 |
|
|
}
|
347 |
|
|
|
348 |
|
|
};
|
349 |
|
|
|
350 |
|
|
|
351 |
|
|
//-------------------- ricoEffects.js
|
352 |
|
|
|
353 |
|
|
/**
|
354 |
|
|
* Use the Effect namespace for effects. If using scriptaculous effects
|
355 |
|
|
* this will already be defined, otherwise we'll just create an empty
|
356 |
|
|
* object for it...
|
357 |
|
|
**/
|
358 |
|
|
if ( window.Effect == undefined )
|
359 |
|
|
Rico.Effect = {};
|
360 |
|
|
|
361 |
|
|
Rico.Effect.SizeAndPosition = Class.create();
|
362 |
|
|
Rico.Effect.SizeAndPosition.prototype = {
|
363 |
|
|
|
364 |
|
|
initialize: function(element, x, y, w, h, duration, steps, options) {
|
365 |
|
|
this.element = $(element);
|
366 |
|
|
this.x = x;
|
367 |
|
|
this.y = y;
|
368 |
|
|
this.w = w;
|
369 |
|
|
this.h = h;
|
370 |
|
|
this.duration = duration;
|
371 |
|
|
this.steps = steps;
|
372 |
|
|
this.options = arguments[7] || {};
|
373 |
|
|
|
374 |
|
|
this.sizeAndPosition();
|
375 |
|
|
},
|
376 |
|
|
|
377 |
|
|
sizeAndPosition: function() {
|
378 |
|
|
if (this.isFinished()) {
|
379 |
|
|
if(this.options.complete) this.options.complete(this);
|
380 |
|
|
return;
|
381 |
|
|
}
|
382 |
|
|
|
383 |
|
|
if (this.timer)
|
384 |
|
|
clearTimeout(this.timer);
|
385 |
|
|
|
386 |
|
|
var stepDuration = Math.round(this.duration/this.steps) ;
|
387 |
|
|
|
388 |
|
|
// Get original values: x,y = top left corner; w,h = width height
|
389 |
|
|
var currentX = this.element.offsetLeft;
|
390 |
|
|
var currentY = this.element.offsetTop;
|
391 |
|
|
var currentW = this.element.offsetWidth;
|
392 |
|
|
var currentH = this.element.offsetHeight;
|
393 |
|
|
|
394 |
|
|
// If values not set, or zero, we do not modify them, and take original as final as well
|
395 |
|
|
this.x = (this.x) ? this.x : currentX;
|
396 |
|
|
this.y = (this.y) ? this.y : currentY;
|
397 |
|
|
this.w = (this.w) ? this.w : currentW;
|
398 |
|
|
this.h = (this.h) ? this.h : currentH;
|
399 |
|
|
|
400 |
|
|
// how much do we need to modify our values for each step?
|
401 |
|
|
var difX = this.steps > 0 ? (this.x - currentX)/this.steps : 0;
|
402 |
|
|
var difY = this.steps > 0 ? (this.y - currentY)/this.steps : 0;
|
403 |
|
|
var difW = this.steps > 0 ? (this.w - currentW)/this.steps : 0;
|
404 |
|
|
var difH = this.steps > 0 ? (this.h - currentH)/this.steps : 0;
|
405 |
|
|
|
406 |
|
|
this.moveBy(difX, difY);
|
407 |
|
|
this.resizeBy(difW, difH);
|
408 |
|
|
|
409 |
|
|
this.duration -= stepDuration;
|
410 |
|
|
this.steps--;
|
411 |
|
|
|
412 |
|
|
this.timer = setTimeout(this.sizeAndPosition.bind(this), stepDuration);
|
413 |
|
|
},
|
414 |
|
|
|
415 |
|
|
isFinished: function() {
|
416 |
|
|
return this.steps <= 0;
|
417 |
|
|
},
|
418 |
|
|
|
419 |
|
|
moveBy: function( difX, difY ) {
|
420 |
|
|
var currentLeft = this.element.offsetLeft;
|
421 |
|
|
var currentTop = this.element.offsetTop;
|
422 |
|
|
var intDifX = parseInt(difX);
|
423 |
|
|
var intDifY = parseInt(difY);
|
424 |
|
|
|
425 |
|
|
var style = this.element.style;
|
426 |
|
|
if ( intDifX != 0 )
|
427 |
|
|
style.left = (currentLeft + intDifX) + "px";
|
428 |
|
|
if ( intDifY != 0 )
|
429 |
|
|
style.top = (currentTop + intDifY) + "px";
|
430 |
|
|
},
|
431 |
|
|
|
432 |
|
|
resizeBy: function( difW, difH ) {
|
433 |
|
|
var currentWidth = this.element.offsetWidth;
|
434 |
|
|
var currentHeight = this.element.offsetHeight;
|
435 |
|
|
var intDifW = parseInt(difW);
|
436 |
|
|
var intDifH = parseInt(difH);
|
437 |
|
|
|
438 |
|
|
var style = this.element.style;
|
439 |
|
|
if ( intDifW != 0 )
|
440 |
|
|
style.width = (currentWidth + intDifW) + "px";
|
441 |
|
|
if ( intDifH != 0 )
|
442 |
|
|
style.height = (currentHeight + intDifH) + "px";
|
443 |
|
|
}
|
444 |
|
|
}
|
445 |
|
|
|
446 |
|
|
Rico.Effect.Size = Class.create();
|
447 |
|
|
Rico.Effect.Size.prototype = {
|
448 |
|
|
|
449 |
|
|
initialize: function(element, w, h, duration, steps, options) {
|
450 |
|
|
new Rico.Effect.SizeAndPosition(element, null, null, w, h, duration, steps, options);
|
451 |
|
|
}
|
452 |
|
|
}
|
453 |
|
|
|
454 |
|
|
Rico.Effect.Position = Class.create();
|
455 |
|
|
Rico.Effect.Position.prototype = {
|
456 |
|
|
|
457 |
|
|
initialize: function(element, x, y, duration, steps, options) {
|
458 |
|
|
new Rico.Effect.SizeAndPosition(element, x, y, null, null, duration, steps, options);
|
459 |
|
|
}
|
460 |
|
|
}
|
461 |
|
|
|
462 |
|
|
Rico.Effect.Round = Class.create();
|
463 |
|
|
Rico.Effect.Round.prototype = {
|
464 |
|
|
|
465 |
|
|
initialize: function(tagName, className, options) {
|
466 |
|
|
var elements = document.getElementsByTagAndClassName(tagName,className);
|
467 |
|
|
for ( var i = 0 ; i < elements.length ; i++ )
|
468 |
|
|
Rico.Corner.round( elements[i], options );
|
469 |
|
|
}
|
470 |
|
|
};
|
471 |
|
|
|
472 |
|
|
Rico.Effect.FadeTo = Class.create();
|
473 |
|
|
Rico.Effect.FadeTo.prototype = {
|
474 |
|
|
|
475 |
|
|
initialize: function( element, opacity, duration, steps, options) {
|
476 |
|
|
this.element = $(element);
|
477 |
|
|
this.opacity = opacity;
|
478 |
|
|
this.duration = duration;
|
479 |
|
|
this.steps = steps;
|
480 |
|
|
this.options = arguments[4] || {};
|
481 |
|
|
this.fadeTo();
|
482 |
|
|
},
|
483 |
|
|
|
484 |
|
|
fadeTo: function() {
|
485 |
|
|
if (this.isFinished()) {
|
486 |
|
|
if(this.options.complete) this.options.complete(this);
|
487 |
|
|
return;
|
488 |
|
|
}
|
489 |
|
|
|
490 |
|
|
if (this.timer)
|
491 |
|
|
clearTimeout(this.timer);
|
492 |
|
|
|
493 |
|
|
var stepDuration = Math.round(this.duration/this.steps) ;
|
494 |
|
|
var currentOpacity = this.getElementOpacity();
|
495 |
|
|
var delta = this.steps > 0 ? (this.opacity - currentOpacity)/this.steps : 0;
|
496 |
|
|
|
497 |
|
|
this.changeOpacityBy(delta);
|
498 |
|
|
this.duration -= stepDuration;
|
499 |
|
|
this.steps--;
|
500 |
|
|
|
501 |
|
|
this.timer = setTimeout(this.fadeTo.bind(this), stepDuration);
|
502 |
|
|
},
|
503 |
|
|
|
504 |
|
|
changeOpacityBy: function(v) {
|
505 |
|
|
var currentOpacity = this.getElementOpacity();
|
506 |
|
|
var newOpacity = Math.max(0, Math.min(currentOpacity+v, 1));
|
507 |
|
|
this.element.ricoOpacity = newOpacity;
|
508 |
|
|
|
509 |
|
|
this.element.style.filter = "alpha(opacity:"+Math.round(newOpacity*100)+")";
|
510 |
|
|
this.element.style.opacity = newOpacity; /*//*/;
|
511 |
|
|
},
|
512 |
|
|
|
513 |
|
|
isFinished: function() {
|
514 |
|
|
return this.steps <= 0;
|
515 |
|
|
},
|
516 |
|
|
|
517 |
|
|
getElementOpacity: function() {
|
518 |
|
|
if ( this.element.ricoOpacity == undefined ) {
|
519 |
|
|
var opacity = RicoUtil.getElementsComputedStyle(this.element, 'opacity');
|
520 |
|
|
this.element.ricoOpacity = opacity != undefined ? opacity : 1.0;
|
521 |
|
|
}
|
522 |
|
|
return parseFloat(this.element.ricoOpacity);
|
523 |
|
|
}
|
524 |
|
|
}
|
525 |
|
|
|
526 |
|
|
Rico.Effect.AccordionSize = Class.create();
|
527 |
|
|
|
528 |
|
|
Rico.Effect.AccordionSize.prototype = {
|
529 |
|
|
|
530 |
|
|
initialize: function(e1, e2, start, end, duration, steps, options) {
|
531 |
|
|
this.e1 = $(e1);
|
532 |
|
|
this.e2 = $(e2);
|
533 |
|
|
this.start = start;
|
534 |
|
|
this.end = end;
|
535 |
|
|
this.duration = duration;
|
536 |
|
|
this.steps = steps;
|
537 |
|
|
this.options = arguments[6] || {};
|
538 |
|
|
|
539 |
|
|
this.accordionSize();
|
540 |
|
|
},
|
541 |
|
|
|
542 |
|
|
accordionSize: function() {
|
543 |
|
|
|
544 |
|
|
if (this.isFinished()) {
|
545 |
|
|
// just in case there are round errors or such...
|
546 |
|
|
this.e1.style.height = this.start + "px";
|
547 |
|
|
this.e2.style.height = this.end + "px";
|
548 |
|
|
|
549 |
|
|
if(this.options.complete)
|
550 |
|
|
this.options.complete(this);
|
551 |
|
|
return;
|
552 |
|
|
}
|
553 |
|
|
|
554 |
|
|
if (this.timer)
|
555 |
|
|
clearTimeout(this.timer);
|
556 |
|
|
|
557 |
|
|
var stepDuration = Math.round(this.duration/this.steps) ;
|
558 |
|
|
|
559 |
|
|
var diff = this.steps > 0 ? (parseInt(this.e1.offsetHeight) - this.start)/this.steps : 0;
|
560 |
|
|
this.resizeBy(diff);
|
561 |
|
|
|
562 |
|
|
this.duration -= stepDuration;
|
563 |
|
|
this.steps--;
|
564 |
|
|
|
565 |
|
|
this.timer = setTimeout(this.accordionSize.bind(this), stepDuration);
|
566 |
|
|
},
|
567 |
|
|
|
568 |
|
|
isFinished: function() {
|
569 |
|
|
return this.steps <= 0;
|
570 |
|
|
},
|
571 |
|
|
|
572 |
|
|
resizeBy: function(diff) {
|
573 |
|
|
var h1Height = this.e1.offsetHeight;
|
574 |
|
|
var h2Height = this.e2.offsetHeight;
|
575 |
|
|
var intDiff = parseInt(diff);
|
576 |
|
|
if ( diff != 0 ) {
|
577 |
|
|
this.e1.style.height = (h1Height - intDiff) + "px";
|
578 |
|
|
this.e2.style.height = (h2Height + intDiff) + "px";
|
579 |
|
|
}
|
580 |
|
|
}
|
581 |
|
|
|
582 |
|
|
};
|
583 |
|
|
|
584 |
|
|
|
585 |
|
|
//-------------------- ricoUtil.js
|
586 |
|
|
Rico.ArrayExtensions = new Array();
|
587 |
|
|
|
588 |
|
|
if (Object.prototype.extend) {
|
589 |
|
|
// in prototype.js...
|
590 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;
|
591 |
|
|
}else{
|
592 |
|
|
Object.prototype.extend = function(object) {
|
593 |
|
|
return Object.extend.apply(this, [this, object]);
|
594 |
|
|
}
|
595 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Object.prototype.extend;
|
596 |
|
|
}
|
597 |
|
|
|
598 |
|
|
if (Array.prototype.push) {
|
599 |
|
|
// in prototype.js...
|
600 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.push;
|
601 |
|
|
}
|
602 |
|
|
|
603 |
|
|
if (!Array.prototype.remove) {
|
604 |
|
|
Array.prototype.remove = function(dx) {
|
605 |
|
|
if( isNaN(dx) || dx > this.length )
|
606 |
|
|
return false;
|
607 |
|
|
for( var i=0,n=0; i<this.length; i++ )
|
608 |
|
|
if( i != dx )
|
609 |
|
|
this[n++]=this[i];
|
610 |
|
|
this.length-=1;
|
611 |
|
|
};
|
612 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.remove;
|
613 |
|
|
}
|
614 |
|
|
|
615 |
|
|
if (!Array.prototype.removeItem) {
|
616 |
|
|
Array.prototype.removeItem = function(item) {
|
617 |
|
|
for ( var i = 0 ; i < this.length ; i++ )
|
618 |
|
|
if ( this[i] == item ) {
|
619 |
|
|
this.remove(i);
|
620 |
|
|
break;
|
621 |
|
|
}
|
622 |
|
|
};
|
623 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.removeItem;
|
624 |
|
|
}
|
625 |
|
|
|
626 |
|
|
if (!Array.prototype.indices) {
|
627 |
|
|
Array.prototype.indices = function() {
|
628 |
|
|
var indexArray = new Array();
|
629 |
|
|
for ( index in this ) {
|
630 |
|
|
var ignoreThis = false;
|
631 |
|
|
for ( var i = 0 ; i < Rico.ArrayExtensions.length ; i++ ) {
|
632 |
|
|
if ( this[index] == Rico.ArrayExtensions[i] ) {
|
633 |
|
|
ignoreThis = true;
|
634 |
|
|
break;
|
635 |
|
|
}
|
636 |
|
|
}
|
637 |
|
|
if ( !ignoreThis )
|
638 |
|
|
indexArray[ indexArray.length ] = index;
|
639 |
|
|
}
|
640 |
|
|
return indexArray;
|
641 |
|
|
}
|
642 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.indices;
|
643 |
|
|
}
|
644 |
|
|
|
645 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.unique;
|
646 |
|
|
Rico.ArrayExtensions[ Rico.ArrayExtensions.length ] = Array.prototype.inArray;
|
647 |
|
|
|
648 |
|
|
|
649 |
|
|
// Create the loadXML method and xml getter for Mozilla
|
650 |
|
|
if ( window.DOMParser &&
|
651 |
|
|
window.XMLSerializer &&
|
652 |
|
|
window.Node && Node.prototype && Node.prototype.__defineGetter__ ) {
|
653 |
|
|
|
654 |
|
|
if (!Document.prototype.loadXML) {
|
655 |
|
|
Document.prototype.loadXML = function (s) {
|
656 |
|
|
var doc2 = (new DOMParser()).parseFromString(s, "text/xml");
|
657 |
|
|
while (this.hasChildNodes())
|
658 |
|
|
this.removeChild(this.lastChild);
|
659 |
|
|
|
660 |
|
|
for (var i = 0; i < doc2.childNodes.length; i++) {
|
661 |
|
|
this.appendChild(this.importNode(doc2.childNodes[i], true));
|
662 |
|
|
}
|
663 |
|
|
};
|
664 |
|
|
}
|
665 |
|
|
|
666 |
|
|
Document.prototype.__defineGetter__( "xml",
|
667 |
|
|
function () {
|
668 |
|
|
return (new XMLSerializer()).serializeToString(this);
|
669 |
|
|
}
|
670 |
|
|
);
|
671 |
|
|
}
|
672 |
|
|
|
673 |
|
|
document.getElementsByTagAndClassName = function(tagName, className) {
|
674 |
|
|
if ( tagName == null )
|
675 |
|
|
tagName = '*';
|
676 |
|
|
|
677 |
|
|
var children = document.getElementsByTagName(tagName) || document.all;
|
678 |
|
|
var elements = new Array();
|
679 |
|
|
|
680 |
|
|
if ( className == null )
|
681 |
|
|
return children;
|
682 |
|
|
|
683 |
|
|
for (var i = 0; i < children.length; i++) {
|
684 |
|
|
var child = children[i];
|
685 |
|
|
var classNames = child.className.split(' ');
|
686 |
|
|
for (var j = 0; j < classNames.length; j++) {
|
687 |
|
|
if (classNames[j] == className) {
|
688 |
|
|
elements.push(child);
|
689 |
|
|
break;
|
690 |
|
|
}
|
691 |
|
|
}
|
692 |
|
|
}
|
693 |
|
|
|
694 |
|
|
return elements;
|
695 |
|
|
}
|
696 |
|
|
|
697 |
|
|
var RicoUtil = {
|
698 |
|
|
|
699 |
|
|
getElementsComputedStyle: function ( htmlElement, cssProperty, mozillaEquivalentCSS) {
|
700 |
|
|
if ( arguments.length == 2 )
|
701 |
|
|
mozillaEquivalentCSS = cssProperty;
|
702 |
|
|
|
703 |
|
|
var el = $(htmlElement);
|
704 |
|
|
if ( el.currentStyle )
|
705 |
|
|
return el.currentStyle[cssProperty];
|
706 |
|
|
else
|
707 |
|
|
return document.defaultView.getComputedStyle(el, null).getPropertyValue(mozillaEquivalentCSS);
|
708 |
|
|
},
|
709 |
|
|
|
710 |
|
|
createXmlDocument : function() {
|
711 |
|
|
if (document.implementation && document.implementation.createDocument) {
|
712 |
|
|
var doc = document.implementation.createDocument("", "", null);
|
713 |
|
|
|
714 |
|
|
if (doc.readyState == null) {
|
715 |
|
|
doc.readyState = 1;
|
716 |
|
|
doc.addEventListener("load", function () {
|
717 |
|
|
doc.readyState = 4;
|
718 |
|
|
if (typeof doc.onreadystatechange == "function")
|
719 |
|
|
doc.onreadystatechange();
|
720 |
|
|
}, false);
|
721 |
|
|
}
|
722 |
|
|
|
723 |
|
|
return doc;
|
724 |
|
|
}
|
725 |
|
|
|
726 |
|
|
if (window.ActiveXObject)
|
727 |
|
|
return Try.these(
|
728 |
|
|
function() { return new ActiveXObject('MSXML2.DomDocument') },
|
729 |
|
|
function() { return new ActiveXObject('Microsoft.DomDocument')},
|
730 |
|
|
function() { return new ActiveXObject('MSXML.DomDocument') },
|
731 |
|
|
function() { return new ActiveXObject('MSXML3.DomDocument') }
|
732 |
|
|
) || false;
|
733 |
|
|
|
734 |
|
|
return null;
|
735 |
|
|
},
|
736 |
|
|
|
737 |
|
|
getContentAsString: function( parentNode ) {
|
738 |
|
|
return parentNode.xml != undefined ?
|
739 |
|
|
this._getContentAsStringIE(parentNode) :
|
740 |
|
|
this._getContentAsStringMozilla(parentNode);
|
741 |
|
|
},
|
742 |
|
|
|
743 |
|
|
_getContentAsStringIE: function(parentNode) {
|
744 |
|
|
var contentStr = "";
|
745 |
|
|
for ( var i = 0 ; i < parentNode.childNodes.length ; i++ ) {
|
746 |
|
|
var n = parentNode.childNodes[i];
|
747 |
|
|
if (n.nodeType == 4) {
|
748 |
|
|
contentStr += n.nodeValue;
|
749 |
|
|
}
|
750 |
|
|
else {
|
751 |
|
|
contentStr += n.xml;
|
752 |
|
|
}
|
753 |
|
|
}
|
754 |
|
|
return contentStr;
|
755 |
|
|
},
|
756 |
|
|
|
757 |
|
|
_getContentAsStringMozilla: function(parentNode) {
|
758 |
|
|
var xmlSerializer = new XMLSerializer();
|
759 |
|
|
var contentStr = "";
|
760 |
|
|
for ( var i = 0 ; i < parentNode.childNodes.length ; i++ ) {
|
761 |
|
|
var n = parentNode.childNodes[i];
|
762 |
|
|
if (n.nodeType == 4) { // CDATA node
|
763 |
|
|
contentStr += n.nodeValue;
|
764 |
|
|
}
|
765 |
|
|
else {
|
766 |
|
|
contentStr += xmlSerializer.serializeToString(n);
|
767 |
|
|
}
|
768 |
|
|
}
|
769 |
|
|
return contentStr;
|
770 |
|
|
},
|
771 |
|
|
|
772 |
|
|
toViewportPosition: function(element) {
|
773 |
|
|
return this._toAbsolute(element,true);
|
774 |
|
|
},
|
775 |
|
|
|
776 |
|
|
toDocumentPosition: function(element) {
|
777 |
|
|
return this._toAbsolute(element,false);
|
778 |
|
|
},
|
779 |
|
|
|
780 |
|
|
/**
|
781 |
|
|
* Compute the elements position in terms of the window viewport
|
782 |
|
|
* so that it can be compared to the position of the mouse (dnd)
|
783 |
|
|
* This is additions of all the offsetTop,offsetLeft values up the
|
784 |
|
|
* offsetParent hierarchy, ...taking into account any scrollTop,
|
785 |
|
|
* scrollLeft values along the way...
|
786 |
|
|
*
|
787 |
|
|
* IE has a bug reporting a correct offsetLeft of elements within a
|
788 |
|
|
* a relatively positioned parent!!!
|
789 |
|
|
**/
|
790 |
|
|
_toAbsolute: function(element,accountForDocScroll) {
|
791 |
|
|
|
792 |
|
|
if ( navigator.userAgent.toLowerCase().indexOf("msie") == -1 )
|
793 |
|
|
return this._toAbsoluteMozilla(element,accountForDocScroll);
|
794 |
|
|
|
795 |
|
|
var x = 0;
|
796 |
|
|
var y = 0;
|
797 |
|
|
var parent = element;
|
798 |
|
|
while ( parent ) {
|
799 |
|
|
|
800 |
|
|
var borderXOffset = 0;
|
801 |
|
|
var borderYOffset = 0;
|
802 |
|
|
if ( parent != element ) {
|
803 |
|
|
var borderXOffset = parseInt(this.getElementsComputedStyle(parent, "borderLeftWidth" ));
|
804 |
|
|
var borderYOffset = parseInt(this.getElementsComputedStyle(parent, "borderTopWidth" ));
|
805 |
|
|
borderXOffset = isNaN(borderXOffset) ? 0 : borderXOffset;
|
806 |
|
|
borderYOffset = isNaN(borderYOffset) ? 0 : borderYOffset;
|
807 |
|
|
}
|
808 |
|
|
|
809 |
|
|
x += parent.offsetLeft - parent.scrollLeft + borderXOffset;
|
810 |
|
|
y += parent.offsetTop - parent.scrollTop + borderYOffset;
|
811 |
|
|
parent = parent.offsetParent;
|
812 |
|
|
}
|
813 |
|
|
|
814 |
|
|
if ( accountForDocScroll ) {
|
815 |
|
|
x -= this.docScrollLeft();
|
816 |
|
|
y -= this.docScrollTop();
|
817 |
|
|
}
|
818 |
|
|
|
819 |
|
|
return { x:x, y:y };
|
820 |
|
|
},
|
821 |
|
|
|
822 |
|
|
/**
|
823 |
|
|
* Mozilla did not report all of the parents up the hierarchy via the
|
824 |
|
|
* offsetParent property that IE did. So for the calculation of the
|
825 |
|
|
* offsets we use the offsetParent property, but for the calculation of
|
826 |
|
|
* the scrollTop/scrollLeft adjustments we navigate up via the parentNode
|
827 |
|
|
* property instead so as to get the scroll offsets...
|
828 |
|
|
*
|
829 |
|
|
**/
|
830 |
|
|
_toAbsoluteMozilla: function(element,accountForDocScroll) {
|
831 |
|
|
var x = 0;
|
832 |
|
|
var y = 0;
|
833 |
|
|
var parent = element;
|
834 |
|
|
while ( parent ) {
|
835 |
|
|
x += parent.offsetLeft;
|
836 |
|
|
y += parent.offsetTop;
|
837 |
|
|
parent = parent.offsetParent;
|
838 |
|
|
}
|
839 |
|
|
|
840 |
|
|
parent = element;
|
841 |
|
|
while ( parent &&
|
842 |
|
|
parent != document.body &&
|
843 |
|
|
parent != document.documentElement ) {
|
844 |
|
|
if ( parent.scrollLeft )
|
845 |
|
|
x -= parent.scrollLeft;
|
846 |
|
|
if ( parent.scrollTop )
|
847 |
|
|
y -= parent.scrollTop;
|
848 |
|
|
parent = parent.parentNode;
|
849 |
|
|
}
|
850 |
|
|
|
851 |
|
|
if ( accountForDocScroll ) {
|
852 |
|
|
x -= this.docScrollLeft();
|
853 |
|
|
y -= this.docScrollTop();
|
854 |
|
|
}
|
855 |
|
|
|
856 |
|
|
return { x:x, y:y };
|
857 |
|
|
},
|
858 |
|
|
|
859 |
|
|
docScrollLeft: function() {
|
860 |
|
|
if ( window.pageXOffset )
|
861 |
|
|
return window.pageXOffset;
|
862 |
|
|
else if ( document.documentElement && document.documentElement.scrollLeft )
|
863 |
|
|
return document.documentElement.scrollLeft;
|
864 |
|
|
else if ( document.body )
|
865 |
|
|
return document.body.scrollLeft;
|
866 |
|
|
else
|
867 |
|
|
return 0;
|
868 |
|
|
},
|
869 |
|
|
|
870 |
|
|
docScrollTop: function() {
|
871 |
|
|
if ( window.pageYOffset )
|
872 |
|
|
return window.pageYOffset;
|
873 |
|
|
else if ( document.documentElement && document.documentElement.scrollTop )
|
874 |
|
|
return document.documentElement.scrollTop;
|
875 |
|
|
else if ( document.body )
|
876 |
|
|
return document.body.scrollTop;
|
877 |
|
|
else
|
878 |
|
|
return 0;
|
879 |
|
|
}
|
880 |
|
|
|
881 |
|
|
};
|