Version Notes
1.6.0.3.0
Download this release
Release Info
Developer | Magento Core Team |
Extension | Lib_Js_Prototype |
Version | 1.6.0.3.0 |
Comparing to | |
See all releases |
Version 1.6.0.3.0
- js/prototype/debug.js +137 -0
- js/prototype/deprecation.js +374 -0
- js/prototype/effects.js +1094 -0
- js/prototype/extended_debug.js +113 -0
- js/prototype/prototype.js +4328 -0
- js/prototype/tooltip.js +208 -0
- js/prototype/tooltip_manager.js +241 -0
- js/prototype/validation.js +774 -0
- js/prototype/window.js +1855 -0
- js/prototype/window_effects.js +157 -0
- js/prototype/window_ext.js +115 -0
- js/prototype/window_readme.txt +28 -0
- js/prototype/windows/MIT-LICENSE +19 -0
- js/prototype/windows/README +182 -0
- js/prototype/windows/themes/alert.css +119 -0
- js/prototype/windows/themes/alert/bottom.gif +0 -0
- js/prototype/windows/themes/alert/bottom_left.gif +0 -0
- js/prototype/windows/themes/alert/bottom_right.gif +0 -0
- js/prototype/windows/themes/alert/left.gif +0 -0
- js/prototype/windows/themes/alert/overlay.png +0 -0
- js/prototype/windows/themes/alert/progress.gif +0 -0
- js/prototype/windows/themes/alert/right.gif +0 -0
- js/prototype/windows/themes/alert/top.gif +0 -0
- js/prototype/windows/themes/alert/top_left.gif +0 -0
- js/prototype/windows/themes/alert/top_right.gif +0 -0
- js/prototype/windows/themes/alert_lite.css +88 -0
- js/prototype/windows/themes/alphacube.css +150 -0
- js/prototype/windows/themes/alphacube/bottom-left-c.gif +0 -0
- js/prototype/windows/themes/alphacube/bottom-middle.gif +0 -0
- js/prototype/windows/themes/alphacube/bottom-right-c.gif +0 -0
- js/prototype/windows/themes/alphacube/button-close-focus.gif +0 -0
- js/prototype/windows/themes/alphacube/button-max-focus.gif +0 -0
- js/prototype/windows/themes/alphacube/button-min-focus.gif +0 -0
- js/prototype/windows/themes/alphacube/frame-left.gif +0 -0
- js/prototype/windows/themes/alphacube/frame-right.gif +0 -0
- js/prototype/windows/themes/alphacube/left-top.gif +0 -0
- js/prototype/windows/themes/alphacube/right-top.gif +0 -0
- js/prototype/windows/themes/alphacube/top-middle.gif +0 -0
- js/prototype/windows/themes/behavior.htc +51 -0
- js/prototype/windows/themes/darkX.css +121 -0
- js/prototype/windows/themes/darkX/button-close-focused.png +0 -0
- js/prototype/windows/themes/darkX/button-maximize-focused.png +0 -0
- js/prototype/windows/themes/darkX/button-minimize-focused.png +0 -0
- js/prototype/windows/themes/darkX/frame-bottom-left-focused.png +0 -0
- js/prototype/windows/themes/darkX/frame-bottom-mid-focused.png +0 -0
- js/prototype/windows/themes/darkX/frame-bottom-right-focused.png +0 -0
- js/prototype/windows/themes/darkX/frame-left-focused.png +0 -0
- js/prototype/windows/themes/darkX/frame-right-focused.png +0 -0
- js/prototype/windows/themes/darkX/titlebar-left-focused.png +0 -0
- js/prototype/windows/themes/darkX/titlebar-mid-focused.png +0 -0
- js/prototype/windows/themes/darkX/titlebar-right-focused.png +0 -0
- js/prototype/windows/themes/debug.css +25 -0
- js/prototype/windows/themes/default.css +155 -0
- js/prototype/windows/themes/default/bottom_left.gif +0 -0
- js/prototype/windows/themes/default/bottom_mid.gif +0 -0
- js/prototype/windows/themes/default/bottom_right.gif +0 -0
- js/prototype/windows/themes/default/bottom_right_resize.gif +0 -0
- js/prototype/windows/themes/default/center_left.gif +0 -0
- js/prototype/windows/themes/default/center_right.gif +0 -0
- js/prototype/windows/themes/default/clear.gif +0 -0
- js/prototype/windows/themes/default/close.gif +0 -0
- js/prototype/windows/themes/default/inspect.gif +0 -0
- js/prototype/windows/themes/default/maximize.gif +0 -0
- js/prototype/windows/themes/default/minimize.gif +0 -0
- js/prototype/windows/themes/default/overlay.png +0 -0
- js/prototype/windows/themes/default/resize.gif +0 -0
- js/prototype/windows/themes/default/sizer.gif +0 -0
- js/prototype/windows/themes/default/top_left.gif +0 -0
- js/prototype/windows/themes/default/top_mid.gif +0 -0
- js/prototype/windows/themes/default/top_right.gif +0 -0
- js/prototype/windows/themes/iefix/blank.gif +0 -0
- js/prototype/windows/themes/iefix/iepngfix.css +3 -0
- js/prototype/windows/themes/iefix/iepngfix.htc +54 -0
- js/prototype/windows/themes/lighting.css +960 -0
- js/prototype/windows/themes/lighting/background_buttons.gif +0 -0
- js/prototype/windows/themes/lighting/bottom-left-blue.png +0 -0
- js/prototype/windows/themes/lighting/bottom-left-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/bottom-left-green.png +0 -0
- js/prototype/windows/themes/lighting/bottom-left-grey.png +0 -0
- js/prototype/windows/themes/lighting/bottom-middle-blue.png +0 -0
- js/prototype/windows/themes/lighting/bottom-middle-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/bottom-middle-green.png +0 -0
- js/prototype/windows/themes/lighting/bottom-middle-grey.png +0 -0
- js/prototype/windows/themes/lighting/bottom-right-blue.png +0 -0
- js/prototype/windows/themes/lighting/bottom-right-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/bottom-right-green.png +0 -0
- js/prototype/windows/themes/lighting/bottom-right-grey.png +0 -0
- js/prototype/windows/themes/lighting/button-close-blue.png +0 -0
- js/prototype/windows/themes/lighting/button-close-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/button-close-green.png +0 -0
- js/prototype/windows/themes/lighting/button-close-grey.png +0 -0
- js/prototype/windows/themes/lighting/button-maximize-blue.png +0 -0
- js/prototype/windows/themes/lighting/button-maximize-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/button-maximize-green.png +0 -0
- js/prototype/windows/themes/lighting/button-maximize-grey.png +0 -0
- js/prototype/windows/themes/lighting/button-minimize-blue.png +0 -0
- js/prototype/windows/themes/lighting/button-minimize-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/button-minimize-green.png +0 -0
- js/prototype/windows/themes/lighting/button-minimize-grey.png +0 -0
- js/prototype/windows/themes/lighting/left-blue.png +0 -0
- js/prototype/windows/themes/lighting/left-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/left-green.png +0 -0
- js/prototype/windows/themes/lighting/left-grey.png +0 -0
- js/prototype/windows/themes/lighting/pngbehavior.htc +67 -0
- js/prototype/windows/themes/lighting/right-blue.png +0 -0
- js/prototype/windows/themes/lighting/right-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/right-green.png +0 -0
- js/prototype/windows/themes/lighting/right-grey.png +0 -0
- js/prototype/windows/themes/lighting/spinner.gif +0 -0
- js/prototype/windows/themes/lighting/top-left-blue.png +0 -0
- js/prototype/windows/themes/lighting/top-left-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/top-left-green.png +0 -0
- js/prototype/windows/themes/lighting/top-left-grey.png +0 -0
- js/prototype/windows/themes/lighting/top-middle-blue.png +0 -0
- js/prototype/windows/themes/lighting/top-middle-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/top-middle-green.png +0 -0
- js/prototype/windows/themes/lighting/top-middle-grey.png +0 -0
- js/prototype/windows/themes/lighting/top-right-blue.png +0 -0
- js/prototype/windows/themes/lighting/top-right-darkblue.png +0 -0
- js/prototype/windows/themes/lighting/top-right-green.png +0 -0
- js/prototype/windows/themes/lighting/top-right-grey.png +0 -0
- js/prototype/windows/themes/mac_os_x.css +333 -0
- js/prototype/windows/themes/mac_os_x_dialog.css +160 -0
- js/prototype/windows/themes/magento.css +122 -0
- js/prototype/windows/themes/magento/button-close-focused.png +0 -0
- js/prototype/windows/themes/magento/top_bg.gif +0 -0
- js/prototype/windows/themes/nuncio.css +164 -0
- js/prototype/windows/themes/nuncio/bottom_left.png +0 -0
- js/prototype/windows/themes/nuncio/bottom_mid.png +0 -0
- js/prototype/windows/themes/nuncio/bottom_right.png +0 -0
- js/prototype/windows/themes/nuncio/center_left.png +0 -0
- js/prototype/windows/themes/nuncio/center_right.png +0 -0
- js/prototype/windows/themes/nuncio/close.png +0 -0
- js/prototype/windows/themes/nuncio/minimize.png +0 -0
- js/prototype/windows/themes/nuncio/overlay.png +0 -0
- js/prototype/windows/themes/nuncio/top_left.png +0 -0
- js/prototype/windows/themes/nuncio/top_mid.png +0 -0
- js/prototype/windows/themes/nuncio/top_right.png +0 -0
- js/prototype/windows/themes/spread.css +108 -0
- js/prototype/windows/themes/spread/bottom-left-c.gif +0 -0
- js/prototype/windows/themes/spread/bottom-middle.gif +0 -0
- js/prototype/windows/themes/spread/bottom-right-c.gif +0 -0
- js/prototype/windows/themes/spread/button-close-focus.gif +0 -0
- js/prototype/windows/themes/spread/button-max-focus.gif +0 -0
- js/prototype/windows/themes/spread/button-min-focus.gif +0 -0
- js/prototype/windows/themes/spread/frame-left.gif +0 -0
- js/prototype/windows/themes/spread/frame-right.gif +0 -0
- js/prototype/windows/themes/spread/left-top.gif +0 -0
- js/prototype/windows/themes/spread/right-top.gif +0 -0
- js/prototype/windows/themes/spread/top-middle.gif +0 -0
- js/scriptaculous/builder.js +136 -0
- js/scriptaculous/controls.js +965 -0
- js/scriptaculous/dragdrop.js +975 -0
- js/scriptaculous/effects.js +1130 -0
- js/scriptaculous/scriptaculous.js +60 -0
- js/scriptaculous/slider.js +277 -0
- js/scriptaculous/sound.js +55 -0
- js/scriptaculous/unittest.js +568 -0
- package.xml +18 -0
js/prototype/debug.js
ADDED
@@ -0,0 +1,137 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
var debugWindow = null;
|
2 |
+
function debug(text, reverse) {
|
3 |
+
if (debugWindow == null)
|
4 |
+
return;
|
5 |
+
|
6 |
+
time = "-"; //new Date();
|
7 |
+
if (reverse) {
|
8 |
+
$('debug').innerHTML = time + " " + text + "<br>"+ $('debug').innerHTML;
|
9 |
+
debugWindow.getContent().scrollTop=0;
|
10 |
+
}
|
11 |
+
else {
|
12 |
+
$('debug').innerHTML += time + " " + text + "<br>";
|
13 |
+
debugWindow.getContent().scrollTop=10000; // Far away
|
14 |
+
}
|
15 |
+
}
|
16 |
+
|
17 |
+
function hideDebug() {
|
18 |
+
if (debugWindow) {
|
19 |
+
debugWindow.destroy();
|
20 |
+
debugWindow = null;
|
21 |
+
}
|
22 |
+
}
|
23 |
+
|
24 |
+
function showDebug(bShow) {
|
25 |
+
if (debugWindow == null) {
|
26 |
+
debugWindow = new Window('debug_window', {className: 'dialog',width:250, height:100, right:4, bottom:42, zIndex:1000, opacity:1, showEffect: Element.show, resizable: true, title: "Debug"})
|
27 |
+
debugWindow.getContent().innerHTML = "<style>#debug_window .dialog_content {background:#000;}</style> <div id='debug'></div>";
|
28 |
+
date=new Date;
|
29 |
+
date.setMonth(date.getMonth()+3);
|
30 |
+
|
31 |
+
//debugWindow.setCookie(null, date);
|
32 |
+
}
|
33 |
+
if( typeof bShow == 'undefined' || bShow)debugWindow.show()
|
34 |
+
}
|
35 |
+
|
36 |
+
|
37 |
+
function clearDebug() {
|
38 |
+
if (debugWindow == null)
|
39 |
+
return;
|
40 |
+
$('debug').innerHTML = "";
|
41 |
+
}
|
42 |
+
|
43 |
+
/**
|
44 |
+
* document.createElement convenience wrapper
|
45 |
+
*
|
46 |
+
* The data parameter is an object that must have the "tag" key, containing
|
47 |
+
* a string with the tagname of the element to create. It can optionally have
|
48 |
+
* a "children" key which can be: a string, "data" object, or an array of "data"
|
49 |
+
* objects to append to this element as children. Any other key is taken as an
|
50 |
+
* attribute to be applied to this tag.
|
51 |
+
*
|
52 |
+
* Available under an MIT license:
|
53 |
+
* http://www.opensource.org/licenses/mit-license.php
|
54 |
+
*
|
55 |
+
* @param {Object} data The data representing the element to create
|
56 |
+
* @return {Element} The element created.
|
57 |
+
*/
|
58 |
+
function $E(data) {
|
59 |
+
var el;
|
60 |
+
if ('string'==typeof data) {
|
61 |
+
el=document.createTextNode(data);
|
62 |
+
} else {
|
63 |
+
//create the element
|
64 |
+
el=document.createElement(data.tag);
|
65 |
+
delete(data.tag);
|
66 |
+
|
67 |
+
//append the children
|
68 |
+
if ('undefined'!=typeof data.children) {
|
69 |
+
if ('string'==typeof data.children ||'undefined'==typeof data.children.length) {
|
70 |
+
//strings and single elements
|
71 |
+
el.appendChild($E(data.children));
|
72 |
+
} else {
|
73 |
+
//arrays of elements
|
74 |
+
for (var i=0, child=null; 'undefined'!=typeof (child=data.children[i]); i++) {
|
75 |
+
el.appendChild($E(child));
|
76 |
+
}
|
77 |
+
}
|
78 |
+
delete(data.children);
|
79 |
+
}
|
80 |
+
|
81 |
+
//any other data is attributes
|
82 |
+
for (attr in data) {
|
83 |
+
el[attr]=data[attr];
|
84 |
+
}
|
85 |
+
}
|
86 |
+
|
87 |
+
return el;
|
88 |
+
}
|
89 |
+
|
90 |
+
// FROM Nick Hemsley
|
91 |
+
var Debug = {
|
92 |
+
inspectOutput: function (container, within) {
|
93 |
+
within = within || debugWindow.getContent()
|
94 |
+
|
95 |
+
if (debugWindow == null)
|
96 |
+
return;
|
97 |
+
|
98 |
+
within.appendChild(container)
|
99 |
+
},
|
100 |
+
|
101 |
+
inspect: function(object) {
|
102 |
+
var cont = $E({tag: "div", className: "inspector"})
|
103 |
+
Debug.inspectObj(object, cont)
|
104 |
+
debugWindow.getContent().appendChild(cont)
|
105 |
+
},
|
106 |
+
|
107 |
+
inspectObj: function (object, container) {
|
108 |
+
for (prop in object) {
|
109 |
+
Debug.inspectOutput(Debug.inspectable(object, prop), container)
|
110 |
+
}
|
111 |
+
},
|
112 |
+
|
113 |
+
inspectable: function(object, prop) {
|
114 |
+
cont = $E({tag: 'div', className: 'inspectable', children: [prop + " value: " + object[prop] ]})
|
115 |
+
cont.toInspect = object[prop]
|
116 |
+
Event.observe(cont, 'click', Debug.inspectClicked, false)
|
117 |
+
return cont
|
118 |
+
},
|
119 |
+
|
120 |
+
inspectClicked: function(e) {
|
121 |
+
Debug.inspectContained(Event.element(e))
|
122 |
+
Event.stop(e)
|
123 |
+
},
|
124 |
+
|
125 |
+
inspectContained: function(container) {
|
126 |
+
if (container.opened) {
|
127 |
+
container.parentNode.removeChild(container.opened)
|
128 |
+
delete(container.opened)
|
129 |
+
} else {
|
130 |
+
sibling = container.parentNode.insertBefore($E({tag: "div", className: "child"}), container.nextSibling)
|
131 |
+
if (container.toInspect)
|
132 |
+
Debug.inspectObj(container.toInspect, sibling)
|
133 |
+
container.opened = sibling
|
134 |
+
}
|
135 |
+
}
|
136 |
+
}
|
137 |
+
var inspect = Debug.inspect;
|
js/prototype/deprecation.js
ADDED
@@ -0,0 +1,374 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* Prototype Deprecation Notifier for Prototype 1.6.0.2
|
2 |
+
* (c) 2008 Tobie Langel
|
3 |
+
*
|
4 |
+
* Prototype Deprecation Notifier is freely distributable under the same
|
5 |
+
* terms as Prototype (MIT-style license).
|
6 |
+
* For details, see the Prototype web site: http://www.prototypejs.org/
|
7 |
+
*
|
8 |
+
* Include this file right below prototype.js. All warning messages
|
9 |
+
* will be logged to the console.
|
10 |
+
*
|
11 |
+
* Note: You can turn off deprecation messages (and log only removal and
|
12 |
+
* modification messages) by specifying:
|
13 |
+
* DeprecationNotifier.logDeprecation = false;
|
14 |
+
*
|
15 |
+
* THIS SCRIPT WORKS IN FIREFOX ONLY
|
16 |
+
*--------------------------------------------------------------------------*/
|
17 |
+
|
18 |
+
var DeprecationNotifier = {
|
19 |
+
logDeprecation: true,
|
20 |
+
MessageTemplate: new Template('Prototype #{type} Warning: #{message}\n#{stack}'),
|
21 |
+
Regexp: new RegExp("@" + window.location.protocol + ".*?\\d+\\n", "g"),
|
22 |
+
|
23 |
+
init: function(deprecatedMethods) {
|
24 |
+
if (!Prototype.Browser.Gecko) return;
|
25 |
+
deprecatedMethods.each(function(d) {
|
26 |
+
var condition = d.condition,
|
27 |
+
type = d.type || 'deprecation',
|
28 |
+
message = d.message,
|
29 |
+
namespace = d.namespace,
|
30 |
+
method = d.methodName;
|
31 |
+
|
32 |
+
namespace[method] = (namespace[method] || function() {}).wrap(function(proceed) {
|
33 |
+
var args = $A(arguments).splice(1);
|
34 |
+
if (!condition || condition.apply(this, args))
|
35 |
+
DeprecationNotifier.notify(message, type);
|
36 |
+
return proceed.apply(proceed, args);
|
37 |
+
});
|
38 |
+
});
|
39 |
+
Element.addMethods();
|
40 |
+
},
|
41 |
+
|
42 |
+
notify: function(message, type) {
|
43 |
+
if (type == 'deprecation' && !DeprecationNotifier.logDeprecation)
|
44 |
+
return false;
|
45 |
+
this.log(this.MessageTemplate.evaluate({
|
46 |
+
message: message,
|
47 |
+
stack: this.getStack(),
|
48 |
+
type: type.capitalize()
|
49 |
+
}), type);
|
50 |
+
return true;
|
51 |
+
},
|
52 |
+
|
53 |
+
getStack: function() {
|
54 |
+
try {
|
55 |
+
throw new Error("stack");
|
56 |
+
} catch(e) {
|
57 |
+
return e.stack.match(this.Regexp).reject(function(path) {
|
58 |
+
return /(prototype|unittest|deprecation)\.js/.test(path);
|
59 |
+
}).join("\n");
|
60 |
+
}
|
61 |
+
},
|
62 |
+
|
63 |
+
log: function(message, type) {
|
64 |
+
if (type === 'removal') {
|
65 |
+
console.error(message);
|
66 |
+
} else console.warn(message);
|
67 |
+
}
|
68 |
+
};
|
69 |
+
|
70 |
+
DeprecationNotifier.init([
|
71 |
+
{
|
72 |
+
methodName: 'display',
|
73 |
+
namespace: Toggle,
|
74 |
+
message: 'Toggle.display has been deprecated, please use Element.toggle instead.'
|
75 |
+
},
|
76 |
+
|
77 |
+
{
|
78 |
+
methodName: 'show',
|
79 |
+
namespace: Element.Methods,
|
80 |
+
message: 'Passing an arbitrary number of elements to Element.show is no longer supported.\n' +
|
81 |
+
'Use [id_1, id_2, ...].each(Element.show) or $(id_1, id_2, ...).invoke("show") instead.',
|
82 |
+
type: 'removal',
|
83 |
+
condition: function() { return arguments.length > 1 && !Object.isNumber(arguments[1]) }
|
84 |
+
},
|
85 |
+
|
86 |
+
{
|
87 |
+
methodName: 'hide',
|
88 |
+
namespace: Element.Methods,
|
89 |
+
message: 'Passing an arbitrary number of elements to Element.hide is no longer supported.\n' +
|
90 |
+
'Use [id_1, id_2, ...].each(Element.hide) or $(id_1, id_2, ...).invoke("hide") instead.',
|
91 |
+
type: 'removal',
|
92 |
+
condition: function() { return arguments.length > 1 && !Object.isNumber(arguments[1]) }
|
93 |
+
},
|
94 |
+
|
95 |
+
{
|
96 |
+
methodName: 'toggle',
|
97 |
+
namespace: Element.Methods,
|
98 |
+
message: 'Passing an arbitrary number of elements to Element.toggle is no longer supported.\n' +
|
99 |
+
'Use [id_1, id_2, ...].each(Element.toggle) or $(id_1, id_2, ...).invoke("toggle") instead.',
|
100 |
+
type: 'removal',
|
101 |
+
condition: function() { return arguments.length > 1 && !Object.isNumber(arguments[1]) }
|
102 |
+
},
|
103 |
+
|
104 |
+
{
|
105 |
+
methodName: 'clear',
|
106 |
+
namespace: Form.Element.Methods,
|
107 |
+
message: 'Passing an arbitrary number of elements to Field.clear is no longer supported.\n' +
|
108 |
+
'Use [id_1, id_2, ...].each(Form.Element.clear) or $(id_1, id_2, ...).invoke("clear") instead.',
|
109 |
+
type: 'removal',
|
110 |
+
condition: function() { return arguments.length > 1 && !Object.isNumber(arguments[1]) }
|
111 |
+
},
|
112 |
+
|
113 |
+
{
|
114 |
+
methodName: 'present',
|
115 |
+
namespace: Form.Element.Methods,
|
116 |
+
message: 'Passing an arbitrary number of elements to Field.present is no longer supported.\n' +
|
117 |
+
'Use [id_1, id_2, ...].each(Form.Element.present) or $(id_1, id_2, ...).invoke("present") instead.',
|
118 |
+
type: 'removal',
|
119 |
+
condition: function() { return arguments.length > 1 && !Object.isNumber(arguments[1]) }
|
120 |
+
},
|
121 |
+
|
122 |
+
{
|
123 |
+
methodName: 'childOf',
|
124 |
+
namespace: Element.Methods,
|
125 |
+
message: 'Element#childOf has been deprecated, please use Element#descendantOf instead.'
|
126 |
+
},
|
127 |
+
|
128 |
+
{
|
129 |
+
methodName: 'Before',
|
130 |
+
namespace: Insertion,
|
131 |
+
message: 'Insertion.Before has been deprecated, please use Element#insert instead.'
|
132 |
+
},
|
133 |
+
|
134 |
+
{
|
135 |
+
methodName: 'Top',
|
136 |
+
namespace: Insertion,
|
137 |
+
message: 'Insertion.Top has been deprecated, please use Element#insert instead.'
|
138 |
+
},
|
139 |
+
|
140 |
+
{
|
141 |
+
methodName: 'Bottom',
|
142 |
+
namespace: Insertion,
|
143 |
+
message: 'Insertion.Bottom has been deprecated, please use Element#insert instead.'
|
144 |
+
},
|
145 |
+
|
146 |
+
{
|
147 |
+
methodName: 'After',
|
148 |
+
namespace: Insertion,
|
149 |
+
message: 'Insertion.After has been deprecated, please use Element#insert instead.'
|
150 |
+
},
|
151 |
+
|
152 |
+
{
|
153 |
+
methodName: 'prepare',
|
154 |
+
namespace: Position,
|
155 |
+
message: 'Position.prepare has been deprecated.'
|
156 |
+
},
|
157 |
+
|
158 |
+
{
|
159 |
+
methodName: 'within',
|
160 |
+
namespace: Position,
|
161 |
+
message: 'Position.within has been deprecated.'
|
162 |
+
},
|
163 |
+
|
164 |
+
{
|
165 |
+
methodName: 'withinIncludingScrolloffsets',
|
166 |
+
namespace: Position,
|
167 |
+
message: 'Position.withinIncludingScrolloffsets has been deprecated.'
|
168 |
+
},
|
169 |
+
|
170 |
+
{
|
171 |
+
methodName: 'overlap',
|
172 |
+
namespace: Position,
|
173 |
+
message: 'Position.overlap has been deprecated.'
|
174 |
+
},
|
175 |
+
|
176 |
+
{
|
177 |
+
methodName: 'cumulativeOffset',
|
178 |
+
namespace: Position,
|
179 |
+
message: 'Position.cumulativeOffset has been deprecated, please use Element#cumulativeOffset instead.'
|
180 |
+
},
|
181 |
+
|
182 |
+
{
|
183 |
+
methodName: 'positionedOffset',
|
184 |
+
namespace: Position,
|
185 |
+
message: 'Position.positionedOffset has been deprecated, please use Element#positionedOffset instead.'
|
186 |
+
},
|
187 |
+
|
188 |
+
{
|
189 |
+
methodName: 'absolutize',
|
190 |
+
namespace: Position,
|
191 |
+
message: 'Position.absolutize has been deprecated, please use Element#absolutize instead.'
|
192 |
+
},
|
193 |
+
|
194 |
+
{
|
195 |
+
methodName: 'relativize',
|
196 |
+
namespace: Position,
|
197 |
+
message: 'Position.relativize has been deprecated, please use Element#relativize instead.'
|
198 |
+
},
|
199 |
+
|
200 |
+
{
|
201 |
+
methodName: 'realOffset',
|
202 |
+
namespace: Position,
|
203 |
+
message: 'Position.realOffset has been deprecated, please use Element#cumulativeScrollOffset instead.'
|
204 |
+
},
|
205 |
+
|
206 |
+
{
|
207 |
+
methodName: 'offsetParent',
|
208 |
+
namespace: Position,
|
209 |
+
message: 'Position.offsetParent has been deprecated, please use Element#getOffsetParent instead.'
|
210 |
+
},
|
211 |
+
|
212 |
+
{
|
213 |
+
methodName: 'page',
|
214 |
+
namespace: Position,
|
215 |
+
message: 'Position.page has been deprecated, please use Element#viewportOffset instead.'
|
216 |
+
},
|
217 |
+
|
218 |
+
{
|
219 |
+
methodName: 'clone',
|
220 |
+
namespace: Position,
|
221 |
+
message: 'Position.clone has been deprecated, please use Element#clonePosition instead.'
|
222 |
+
},
|
223 |
+
|
224 |
+
{
|
225 |
+
methodName: 'initialize',
|
226 |
+
namespace: Element.ClassNames.prototype,
|
227 |
+
message: 'Element.ClassNames has been deprecated.'
|
228 |
+
},
|
229 |
+
|
230 |
+
{
|
231 |
+
methodName: 'classNames',
|
232 |
+
namespace: Element.Methods,
|
233 |
+
message: 'Element#classNames has been deprecated.\n' +
|
234 |
+
'If you need to access CSS class names as an array, try: $w(element.classname).'
|
235 |
+
},
|
236 |
+
|
237 |
+
{
|
238 |
+
methodName: 'setStyle',
|
239 |
+
namespace: Element.Methods,
|
240 |
+
message: 'Use of uncamelized style-property names is no longer supported.\n' +
|
241 |
+
'Use either camelized style-property names or a regular CSS string instead (see online documentation).',
|
242 |
+
type: 'removal',
|
243 |
+
condition: function(element, style) {
|
244 |
+
return !Object.isString(style) && Object.keys(style).join('').include('-');
|
245 |
+
}
|
246 |
+
},
|
247 |
+
|
248 |
+
{
|
249 |
+
methodName: 'getElementsByClassName',
|
250 |
+
namespace: document,
|
251 |
+
message: 'document.getElementsByClassName has been deprecated, please use $$ instead.'
|
252 |
+
},
|
253 |
+
|
254 |
+
{
|
255 |
+
methodName: 'getElementsByClassName',
|
256 |
+
namespace: Element.Methods,
|
257 |
+
message: 'Element#getElementsByClassName has been deprecated, please use Element#select instead.'
|
258 |
+
},
|
259 |
+
|
260 |
+
{
|
261 |
+
methodName: 'immediateDescendants',
|
262 |
+
namespace: Element.Methods,
|
263 |
+
message: 'Element#immediateDescendants has been deprecated, please use Element#childElements instead.'
|
264 |
+
},
|
265 |
+
|
266 |
+
{
|
267 |
+
methodName: 'getElementsBySelector',
|
268 |
+
namespace: Element.Methods,
|
269 |
+
message: 'Element#getElementsBySelector has been deprecated, please use Element#select instead.'
|
270 |
+
},
|
271 |
+
|
272 |
+
{
|
273 |
+
methodName: 'toQueryString',
|
274 |
+
namespace: Hash,
|
275 |
+
message: 'Hash.toQueryString has been deprecated.\n' +
|
276 |
+
'Use the instance method Hash#toQueryString or Object.toQueryString instead.'
|
277 |
+
},
|
278 |
+
|
279 |
+
{
|
280 |
+
methodName: 'remove',
|
281 |
+
namespace: Hash.prototype,
|
282 |
+
message: 'Hash#remove is no longer supported, use Hash#unset instead.\n' +
|
283 |
+
'Please note that Hash#unset only accepts one argument.',
|
284 |
+
type: 'removal'
|
285 |
+
},
|
286 |
+
|
287 |
+
{
|
288 |
+
methodName: 'merge',
|
289 |
+
namespace: Hash.prototype,
|
290 |
+
message: 'Hash#merge is no longer destructive: it operates on a clone of the Hash instance.\n' +
|
291 |
+
'If you need a destructive merge, use Hash#update instead.',
|
292 |
+
type: 'modification'
|
293 |
+
},
|
294 |
+
|
295 |
+
{
|
296 |
+
methodName: 'unloadCache',
|
297 |
+
namespace: Event,
|
298 |
+
message: 'Event.unloadCache has been deprecated.'
|
299 |
+
}
|
300 |
+
]);
|
301 |
+
|
302 |
+
// Special casing for Hash.
|
303 |
+
|
304 |
+
(function() {
|
305 |
+
if (!Prototype.Browser.Gecko) return;
|
306 |
+
|
307 |
+
var __properties = Object.keys(Hash.prototype).concat(['_object', '__properties']);
|
308 |
+
|
309 |
+
var messages = {
|
310 |
+
setting: new Template("Directly setting a property on an instance of Hash is no longer supported.\n" +
|
311 |
+
"Please use Hash#set('#{property}', #{value}) instead."),
|
312 |
+
getting: new Template("Directly accessing a property of an instance of Hash is no longer supported.\n" +
|
313 |
+
"Please use Hash#get('#{property}') instead.")
|
314 |
+
};
|
315 |
+
|
316 |
+
function notify(property, value) {
|
317 |
+
var message = messages[arguments.length == 1 ? 'getting' : 'setting'].evaluate({
|
318 |
+
property: property,
|
319 |
+
value: Object.inspect(value)
|
320 |
+
});
|
321 |
+
DeprecationNotifier.notify(message, 'removal');
|
322 |
+
}
|
323 |
+
|
324 |
+
function defineSetters(obj, prop) {
|
325 |
+
if (obj.__properties.include(prop)) return;
|
326 |
+
obj.__properties.push(prop);
|
327 |
+
obj.__defineGetter__(prop, function() {
|
328 |
+
checkProperties(this);
|
329 |
+
notify(prop);
|
330 |
+
});
|
331 |
+
obj.__defineSetter__(prop, function(value) {
|
332 |
+
checkProperties(this);
|
333 |
+
notify(prop, value);
|
334 |
+
});
|
335 |
+
}
|
336 |
+
|
337 |
+
function checkProperties(hash) {
|
338 |
+
var current = Object.keys(hash);
|
339 |
+
if (current.length == hash.__properties.length)
|
340 |
+
return;
|
341 |
+
current.each(function(prop) {
|
342 |
+
if (hash.__properties.include(prop)) return;
|
343 |
+
notify(prop, hash[prop]);
|
344 |
+
defineSetters(hash, prop);
|
345 |
+
});
|
346 |
+
}
|
347 |
+
|
348 |
+
Hash.prototype.set = Hash.prototype.set.wrap(function(proceed, property, value) {
|
349 |
+
defineSetters(this, property);
|
350 |
+
return proceed(property, value);
|
351 |
+
});
|
352 |
+
|
353 |
+
$w('merge update').each(function(name) {
|
354 |
+
Hash.prototype[name] = Hash.prototype[name].wrap(function(proceed, object) {
|
355 |
+
for (var prop in object) defineSetters(this, prop);
|
356 |
+
return proceed(object);
|
357 |
+
});
|
358 |
+
});
|
359 |
+
|
360 |
+
$H(Hash.prototype).each(function(method) {
|
361 |
+
var key = method.key;
|
362 |
+
if (!Object.isFunction(method.value) || key == 'initialize') return;
|
363 |
+
Hash.prototype[key] = Hash.prototype[key].wrap(function(proceed) {
|
364 |
+
checkProperties(this);
|
365 |
+
return proceed.apply(proceed, $A(arguments).splice(1));
|
366 |
+
});
|
367 |
+
});
|
368 |
+
|
369 |
+
Hash.prototype.initialize = Hash.prototype.initialize.wrap(function(proceed, object) {
|
370 |
+
this.__properties = __properties.clone();
|
371 |
+
for (var prop in object) defineSetters(this, prop);
|
372 |
+
proceed(object);
|
373 |
+
});
|
374 |
+
})();
|
js/prototype/effects.js
ADDED
@@ -0,0 +1,1094 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us effects.js v1.7.1_beta1, Mon Mar 12 14:40:50 +0100 2007
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2007 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
// Contributors:
|
5 |
+
// Justin Palmer (http://encytemedia.com/)
|
6 |
+
// Mark Pilgrim (http://diveintomark.org/)
|
7 |
+
// Martin Bialasinki
|
8 |
+
//
|
9 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
10 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
11 |
+
|
12 |
+
// converts rgb() and #xxx to #xxxxxx format,
|
13 |
+
// returns self (or first argument) if not convertable
|
14 |
+
String.prototype.parseColor = function() {
|
15 |
+
var color = '#';
|
16 |
+
if(this.slice(0,4) == 'rgb(') {
|
17 |
+
var cols = this.slice(4,this.length-1).split(',');
|
18 |
+
var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);
|
19 |
+
} else {
|
20 |
+
if(this.slice(0,1) == '#') {
|
21 |
+
if(this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();
|
22 |
+
if(this.length==7) color = this.toLowerCase();
|
23 |
+
}
|
24 |
+
}
|
25 |
+
return(color.length==7 ? color : (arguments[0] || this));
|
26 |
+
}
|
27 |
+
|
28 |
+
/*--------------------------------------------------------------------------*/
|
29 |
+
|
30 |
+
Element.collectTextNodes = function(element) {
|
31 |
+
return $A($(element).childNodes).collect( function(node) {
|
32 |
+
return (node.nodeType==3 ? node.nodeValue :
|
33 |
+
(node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
|
34 |
+
}).flatten().join('');
|
35 |
+
}
|
36 |
+
|
37 |
+
Element.collectTextNodesIgnoreClass = function(element, className) {
|
38 |
+
return $A($(element).childNodes).collect( function(node) {
|
39 |
+
return (node.nodeType==3 ? node.nodeValue :
|
40 |
+
((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
|
41 |
+
Element.collectTextNodesIgnoreClass(node, className) : ''));
|
42 |
+
}).flatten().join('');
|
43 |
+
}
|
44 |
+
|
45 |
+
Element.setContentZoom = function(element, percent) {
|
46 |
+
element = $(element);
|
47 |
+
element.setStyle({fontSize: (percent/100) + 'em'});
|
48 |
+
if(Prototype.Browser.WebKit) window.scrollBy(0,0);
|
49 |
+
return element;
|
50 |
+
}
|
51 |
+
|
52 |
+
Element.getInlineOpacity = function(element){
|
53 |
+
return $(element).style.opacity || '';
|
54 |
+
}
|
55 |
+
|
56 |
+
Element.forceRerendering = function(element) {
|
57 |
+
try {
|
58 |
+
element = $(element);
|
59 |
+
var n = document.createTextNode(' ');
|
60 |
+
element.appendChild(n);
|
61 |
+
element.removeChild(n);
|
62 |
+
} catch(e) { }
|
63 |
+
};
|
64 |
+
|
65 |
+
/*--------------------------------------------------------------------------*/
|
66 |
+
|
67 |
+
Array.prototype.call = function() {
|
68 |
+
var args = arguments;
|
69 |
+
this.each(function(f){ f.apply(this, args) });
|
70 |
+
}
|
71 |
+
|
72 |
+
/*--------------------------------------------------------------------------*/
|
73 |
+
|
74 |
+
var Effect = {
|
75 |
+
_elementDoesNotExistError: {
|
76 |
+
name: 'ElementDoesNotExistError',
|
77 |
+
message: 'The specified DOM element does not exist, but is required for this effect to operate'
|
78 |
+
},
|
79 |
+
tagifyText: function(element) {
|
80 |
+
if(typeof Builder == 'undefined')
|
81 |
+
throw("Effect.tagifyText requires including script.aculo.us' builder.js library");
|
82 |
+
|
83 |
+
var tagifyStyle = 'position:relative';
|
84 |
+
if(Prototype.Browser.IE) tagifyStyle += ';zoom:1';
|
85 |
+
|
86 |
+
element = $(element);
|
87 |
+
$A(element.childNodes).each( function(child) {
|
88 |
+
if(child.nodeType==3) {
|
89 |
+
child.nodeValue.toArray().each( function(character) {
|
90 |
+
element.insertBefore(
|
91 |
+
Builder.node('span',{style: tagifyStyle},
|
92 |
+
character == ' ' ? String.fromCharCode(160) : character),
|
93 |
+
child);
|
94 |
+
});
|
95 |
+
Element.remove(child);
|
96 |
+
}
|
97 |
+
});
|
98 |
+
},
|
99 |
+
multiple: function(element, effect) {
|
100 |
+
var elements;
|
101 |
+
if(((typeof element == 'object') ||
|
102 |
+
(typeof element == 'function')) &&
|
103 |
+
(element.length))
|
104 |
+
elements = element;
|
105 |
+
else
|
106 |
+
elements = $(element).childNodes;
|
107 |
+
|
108 |
+
var options = Object.extend({
|
109 |
+
speed: 0.1,
|
110 |
+
delay: 0.0
|
111 |
+
}, arguments[2] || {});
|
112 |
+
var masterDelay = options.delay;
|
113 |
+
|
114 |
+
$A(elements).each( function(element, index) {
|
115 |
+
new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay }));
|
116 |
+
});
|
117 |
+
},
|
118 |
+
PAIRS: {
|
119 |
+
'slide': ['SlideDown','SlideUp'],
|
120 |
+
'blind': ['BlindDown','BlindUp'],
|
121 |
+
'appear': ['Appear','Fade']
|
122 |
+
},
|
123 |
+
toggle: function(element, effect) {
|
124 |
+
element = $(element);
|
125 |
+
effect = (effect || 'appear').toLowerCase();
|
126 |
+
var options = Object.extend({
|
127 |
+
queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
|
128 |
+
}, arguments[2] || {});
|
129 |
+
Effect[element.visible() ?
|
130 |
+
Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options);
|
131 |
+
}
|
132 |
+
};
|
133 |
+
|
134 |
+
var Effect2 = Effect; // deprecated
|
135 |
+
|
136 |
+
/* ------------- transitions ------------- */
|
137 |
+
|
138 |
+
Effect.Transitions = {
|
139 |
+
linear: Prototype.K,
|
140 |
+
sinoidal: function(pos) {
|
141 |
+
return (-Math.cos(pos*Math.PI)/2) + 0.5;
|
142 |
+
},
|
143 |
+
reverse: function(pos) {
|
144 |
+
return 1-pos;
|
145 |
+
},
|
146 |
+
flicker: function(pos) {
|
147 |
+
var pos = ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
|
148 |
+
return (pos > 1 ? 1 : pos);
|
149 |
+
},
|
150 |
+
wobble: function(pos) {
|
151 |
+
return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
|
152 |
+
},
|
153 |
+
pulse: function(pos, pulses) {
|
154 |
+
pulses = pulses || 5;
|
155 |
+
return (
|
156 |
+
Math.round((pos % (1/pulses)) * pulses) == 0 ?
|
157 |
+
((pos * pulses * 2) - Math.floor(pos * pulses * 2)) :
|
158 |
+
1 - ((pos * pulses * 2) - Math.floor(pos * pulses * 2))
|
159 |
+
);
|
160 |
+
},
|
161 |
+
none: function(pos) {
|
162 |
+
return 0;
|
163 |
+
},
|
164 |
+
full: function(pos) {
|
165 |
+
return 1;
|
166 |
+
}
|
167 |
+
};
|
168 |
+
|
169 |
+
/* ------------- core effects ------------- */
|
170 |
+
|
171 |
+
Effect.ScopedQueue = Class.create();
|
172 |
+
Object.extend(Object.extend(Effect.ScopedQueue.prototype, Enumerable), {
|
173 |
+
initialize: function() {
|
174 |
+
this.effects = [];
|
175 |
+
this.interval = null;
|
176 |
+
},
|
177 |
+
_each: function(iterator) {
|
178 |
+
this.effects._each(iterator);
|
179 |
+
},
|
180 |
+
add: function(effect) {
|
181 |
+
var timestamp = new Date().getTime();
|
182 |
+
|
183 |
+
var position = (typeof effect.options.queue == 'string') ?
|
184 |
+
effect.options.queue : effect.options.queue.position;
|
185 |
+
|
186 |
+
switch(position) {
|
187 |
+
case 'front':
|
188 |
+
// move unstarted effects after this effect
|
189 |
+
this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
|
190 |
+
e.startOn += effect.finishOn;
|
191 |
+
e.finishOn += effect.finishOn;
|
192 |
+
});
|
193 |
+
break;
|
194 |
+
case 'with-last':
|
195 |
+
timestamp = this.effects.pluck('startOn').max() || timestamp;
|
196 |
+
break;
|
197 |
+
case 'end':
|
198 |
+
// start effect after last queued effect has finished
|
199 |
+
timestamp = this.effects.pluck('finishOn').max() || timestamp;
|
200 |
+
break;
|
201 |
+
}
|
202 |
+
|
203 |
+
effect.startOn += timestamp;
|
204 |
+
effect.finishOn += timestamp;
|
205 |
+
|
206 |
+
if(!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit))
|
207 |
+
this.effects.push(effect);
|
208 |
+
|
209 |
+
if(!this.interval)
|
210 |
+
this.interval = setInterval(this.loop.bind(this), 15);
|
211 |
+
},
|
212 |
+
remove: function(effect) {
|
213 |
+
this.effects = this.effects.reject(function(e) { return e==effect });
|
214 |
+
if(this.effects.length == 0) {
|
215 |
+
clearInterval(this.interval);
|
216 |
+
this.interval = null;
|
217 |
+
}
|
218 |
+
},
|
219 |
+
loop: function() {
|
220 |
+
var timePos = new Date().getTime();
|
221 |
+
for(var i=0, len=this.effects.length;i<len;i++)
|
222 |
+
this.effects[i] && this.effects[i].loop(timePos);
|
223 |
+
}
|
224 |
+
});
|
225 |
+
|
226 |
+
Effect.Queues = {
|
227 |
+
instances: $H(),
|
228 |
+
get: function(queueName) {
|
229 |
+
if(typeof queueName != 'string') return queueName;
|
230 |
+
|
231 |
+
if(!this.instances[queueName])
|
232 |
+
this.instances[queueName] = new Effect.ScopedQueue();
|
233 |
+
|
234 |
+
return this.instances[queueName];
|
235 |
+
}
|
236 |
+
}
|
237 |
+
Effect.Queue = Effect.Queues.get('global');
|
238 |
+
|
239 |
+
Effect.DefaultOptions = {
|
240 |
+
transition: Effect.Transitions.sinoidal,
|
241 |
+
duration: 1.0, // seconds
|
242 |
+
fps: 100, // 100= assume 66fps max.
|
243 |
+
sync: false, // true for combining
|
244 |
+
from: 0.0,
|
245 |
+
to: 1.0,
|
246 |
+
delay: 0.0,
|
247 |
+
queue: 'parallel'
|
248 |
+
}
|
249 |
+
|
250 |
+
Effect.Base = function() {};
|
251 |
+
Effect.Base.prototype = {
|
252 |
+
position: null,
|
253 |
+
start: function(options) {
|
254 |
+
function codeForEvent(options,eventName){
|
255 |
+
return (
|
256 |
+
(options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') +
|
257 |
+
(options[eventName] ? 'this.options.'+eventName+'(this);' : '')
|
258 |
+
);
|
259 |
+
}
|
260 |
+
if(options.transition === false) options.transition = Effect.Transitions.linear;
|
261 |
+
this.options = Object.extend(Object.extend({},Effect.DefaultOptions), options || {});
|
262 |
+
this.currentFrame = 0;
|
263 |
+
this.state = 'idle';
|
264 |
+
this.startOn = this.options.delay*1000;
|
265 |
+
this.finishOn = this.startOn+(this.options.duration*1000);
|
266 |
+
this.fromToDelta = this.options.to-this.options.from;
|
267 |
+
this.totalTime = this.finishOn-this.startOn;
|
268 |
+
this.totalFrames = this.options.fps*this.options.duration;
|
269 |
+
|
270 |
+
eval('this.render = function(pos){ '+
|
271 |
+
'if(this.state=="idle"){this.state="running";'+
|
272 |
+
codeForEvent(options,'beforeSetup')+
|
273 |
+
(this.setup ? 'this.setup();':'')+
|
274 |
+
codeForEvent(options,'afterSetup')+
|
275 |
+
'};if(this.state=="running"){'+
|
276 |
+
'pos=this.options.transition(pos)*'+this.fromToDelta+'+'+this.options.from+';'+
|
277 |
+
'this.position=pos;'+
|
278 |
+
codeForEvent(options,'beforeUpdate')+
|
279 |
+
(this.update ? 'this.update(pos);':'')+
|
280 |
+
codeForEvent(options,'afterUpdate')+
|
281 |
+
'}}');
|
282 |
+
|
283 |
+
this.event('beforeStart');
|
284 |
+
if(!this.options.sync)
|
285 |
+
Effect.Queues.get(typeof this.options.queue == 'string' ?
|
286 |
+
'global' : this.options.queue.scope).add(this);
|
287 |
+
},
|
288 |
+
loop: function(timePos) {
|
289 |
+
if(timePos >= this.startOn) {
|
290 |
+
if(timePos >= this.finishOn) {
|
291 |
+
this.render(1.0);
|
292 |
+
this.cancel();
|
293 |
+
this.event('beforeFinish');
|
294 |
+
if(this.finish) this.finish();
|
295 |
+
this.event('afterFinish');
|
296 |
+
return;
|
297 |
+
}
|
298 |
+
var pos = (timePos - this.startOn) / this.totalTime,
|
299 |
+
frame = Math.round(pos * this.totalFrames);
|
300 |
+
if(frame > this.currentFrame) {
|
301 |
+
this.render(pos);
|
302 |
+
this.currentFrame = frame;
|
303 |
+
}
|
304 |
+
}
|
305 |
+
},
|
306 |
+
cancel: function() {
|
307 |
+
if(!this.options.sync)
|
308 |
+
Effect.Queues.get(typeof this.options.queue == 'string' ?
|
309 |
+
'global' : this.options.queue.scope).remove(this);
|
310 |
+
this.state = 'finished';
|
311 |
+
},
|
312 |
+
event: function(eventName) {
|
313 |
+
if(this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
|
314 |
+
if(this.options[eventName]) this.options[eventName](this);
|
315 |
+
},
|
316 |
+
inspect: function() {
|
317 |
+
var data = $H();
|
318 |
+
for(property in this)
|
319 |
+
if(typeof this[property] != 'function') data[property] = this[property];
|
320 |
+
return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>';
|
321 |
+
}
|
322 |
+
}
|
323 |
+
|
324 |
+
Effect.Parallel = Class.create();
|
325 |
+
Object.extend(Object.extend(Effect.Parallel.prototype, Effect.Base.prototype), {
|
326 |
+
initialize: function(effects) {
|
327 |
+
this.effects = effects || [];
|
328 |
+
this.start(arguments[1]);
|
329 |
+
},
|
330 |
+
update: function(position) {
|
331 |
+
this.effects.invoke('render', position);
|
332 |
+
},
|
333 |
+
finish: function(position) {
|
334 |
+
this.effects.each( function(effect) {
|
335 |
+
effect.render(1.0);
|
336 |
+
effect.cancel();
|
337 |
+
effect.event('beforeFinish');
|
338 |
+
if(effect.finish) effect.finish(position);
|
339 |
+
effect.event('afterFinish');
|
340 |
+
});
|
341 |
+
}
|
342 |
+
});
|
343 |
+
|
344 |
+
Effect.Event = Class.create();
|
345 |
+
Object.extend(Object.extend(Effect.Event.prototype, Effect.Base.prototype), {
|
346 |
+
initialize: function() {
|
347 |
+
var options = Object.extend({
|
348 |
+
duration: 0
|
349 |
+
}, arguments[0] || {});
|
350 |
+
this.start(options);
|
351 |
+
},
|
352 |
+
update: Prototype.emptyFunction
|
353 |
+
});
|
354 |
+
|
355 |
+
Effect.Opacity = Class.create();
|
356 |
+
Object.extend(Object.extend(Effect.Opacity.prototype, Effect.Base.prototype), {
|
357 |
+
initialize: function(element) {
|
358 |
+
this.element = $(element);
|
359 |
+
if(!this.element) throw(Effect._elementDoesNotExistError);
|
360 |
+
// make this work on IE on elements without 'layout'
|
361 |
+
if(Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
|
362 |
+
this.element.setStyle({zoom: 1});
|
363 |
+
var options = Object.extend({
|
364 |
+
from: this.element.getOpacity() || 0.0,
|
365 |
+
to: 1.0
|
366 |
+
}, arguments[1] || {});
|
367 |
+
this.start(options);
|
368 |
+
},
|
369 |
+
update: function(position) {
|
370 |
+
this.element.setOpacity(position);
|
371 |
+
}
|
372 |
+
});
|
373 |
+
|
374 |
+
Effect.Move = Class.create();
|
375 |
+
Object.extend(Object.extend(Effect.Move.prototype, Effect.Base.prototype), {
|
376 |
+
initialize: function(element) {
|
377 |
+
this.element = $(element);
|
378 |
+
if(!this.element) throw(Effect._elementDoesNotExistError);
|
379 |
+
var options = Object.extend({
|
380 |
+
x: 0,
|
381 |
+
y: 0,
|
382 |
+
mode: 'relative'
|
383 |
+
}, arguments[1] || {});
|
384 |
+
this.start(options);
|
385 |
+
},
|
386 |
+
setup: function() {
|
387 |
+
// Bug in Opera: Opera returns the "real" position of a static element or
|
388 |
+
// relative element that does not have top/left explicitly set.
|
389 |
+
// ==> Always set top and left for position relative elements in your stylesheets
|
390 |
+
// (to 0 if you do not need them)
|
391 |
+
this.element.makePositioned();
|
392 |
+
this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
|
393 |
+
this.originalTop = parseFloat(this.element.getStyle('top') || '0');
|
394 |
+
if(this.options.mode == 'absolute') {
|
395 |
+
// absolute movement, so we need to calc deltaX and deltaY
|
396 |
+
this.options.x = this.options.x - this.originalLeft;
|
397 |
+
this.options.y = this.options.y - this.originalTop;
|
398 |
+
}
|
399 |
+
},
|
400 |
+
update: function(position) {
|
401 |
+
this.element.setStyle({
|
402 |
+
left: Math.round(this.options.x * position + this.originalLeft) + 'px',
|
403 |
+
top: Math.round(this.options.y * position + this.originalTop) + 'px'
|
404 |
+
});
|
405 |
+
}
|
406 |
+
});
|
407 |
+
|
408 |
+
// for backwards compatibility
|
409 |
+
Effect.MoveBy = function(element, toTop, toLeft) {
|
410 |
+
return new Effect.Move(element,
|
411 |
+
Object.extend({ x: toLeft, y: toTop }, arguments[3] || {}));
|
412 |
+
};
|
413 |
+
|
414 |
+
Effect.Scale = Class.create();
|
415 |
+
Object.extend(Object.extend(Effect.Scale.prototype, Effect.Base.prototype), {
|
416 |
+
initialize: function(element, percent) {
|
417 |
+
this.element = $(element);
|
418 |
+
if(!this.element) throw(Effect._elementDoesNotExistError);
|
419 |
+
var options = Object.extend({
|
420 |
+
scaleX: true,
|
421 |
+
scaleY: true,
|
422 |
+
scaleContent: true,
|
423 |
+
scaleFromCenter: false,
|
424 |
+
scaleMode: 'box', // 'box' or 'contents' or {} with provided values
|
425 |
+
scaleFrom: 100.0,
|
426 |
+
scaleTo: percent
|
427 |
+
}, arguments[2] || {});
|
428 |
+
this.start(options);
|
429 |
+
},
|
430 |
+
setup: function() {
|
431 |
+
this.restoreAfterFinish = this.options.restoreAfterFinish || false;
|
432 |
+
this.elementPositioning = this.element.getStyle('position');
|
433 |
+
|
434 |
+
this.originalStyle = {};
|
435 |
+
['top','left','width','height','fontSize'].each( function(k) {
|
436 |
+
this.originalStyle[k] = this.element.style[k];
|
437 |
+
}.bind(this));
|
438 |
+
|
439 |
+
this.originalTop = this.element.offsetTop;
|
440 |
+
this.originalLeft = this.element.offsetLeft;
|
441 |
+
|
442 |
+
var fontSize = this.element.getStyle('font-size') || '100%';
|
443 |
+
['em','px','%','pt'].each( function(fontSizeType) {
|
444 |
+
if(fontSize.indexOf(fontSizeType)>0) {
|
445 |
+
this.fontSize = parseFloat(fontSize);
|
446 |
+
this.fontSizeType = fontSizeType;
|
447 |
+
}
|
448 |
+
}.bind(this));
|
449 |
+
|
450 |
+
this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;
|
451 |
+
|
452 |
+
this.dims = null;
|
453 |
+
if(this.options.scaleMode=='box')
|
454 |
+
this.dims = [this.element.offsetHeight, this.element.offsetWidth];
|
455 |
+
if(/^content/.test(this.options.scaleMode))
|
456 |
+
this.dims = [this.element.scrollHeight, this.element.scrollWidth];
|
457 |
+
if(!this.dims)
|
458 |
+
this.dims = [this.options.scaleMode.originalHeight,
|
459 |
+
this.options.scaleMode.originalWidth];
|
460 |
+
},
|
461 |
+
update: function(position) {
|
462 |
+
var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
|
463 |
+
if(this.options.scaleContent && this.fontSize)
|
464 |
+
this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
|
465 |
+
this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
|
466 |
+
},
|
467 |
+
finish: function(position) {
|
468 |
+
if(this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
|
469 |
+
},
|
470 |
+
setDimensions: function(height, width) {
|
471 |
+
var d = {};
|
472 |
+
if(this.options.scaleX) d.width = Math.round(width) + 'px';
|
473 |
+
if(this.options.scaleY) d.height = Math.round(height) + 'px';
|
474 |
+
if(this.options.scaleFromCenter) {
|
475 |
+
var topd = (height - this.dims[0])/2;
|
476 |
+
var leftd = (width - this.dims[1])/2;
|
477 |
+
if(this.elementPositioning == 'absolute') {
|
478 |
+
if(this.options.scaleY) d.top = this.originalTop-topd + 'px';
|
479 |
+
if(this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
|
480 |
+
} else {
|
481 |
+
if(this.options.scaleY) d.top = -topd + 'px';
|
482 |
+
if(this.options.scaleX) d.left = -leftd + 'px';
|
483 |
+
}
|
484 |
+
}
|
485 |
+
this.element.setStyle(d);
|
486 |
+
}
|
487 |
+
});
|
488 |
+
|
489 |
+
Effect.Highlight = Class.create();
|
490 |
+
Object.extend(Object.extend(Effect.Highlight.prototype, Effect.Base.prototype), {
|
491 |
+
initialize: function(element) {
|
492 |
+
this.element = $(element);
|
493 |
+
if(!this.element) throw(Effect._elementDoesNotExistError);
|
494 |
+
var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || {});
|
495 |
+
this.start(options);
|
496 |
+
},
|
497 |
+
setup: function() {
|
498 |
+
// Prevent executing on elements not in the layout flow
|
499 |
+
if(this.element.getStyle('display')=='none') { this.cancel(); return; }
|
500 |
+
// Disable background image during the effect
|
501 |
+
this.oldStyle = {};
|
502 |
+
if (!this.options.keepBackgroundImage) {
|
503 |
+
this.oldStyle.backgroundImage = this.element.getStyle('background-image');
|
504 |
+
this.element.setStyle({backgroundImage: 'none'});
|
505 |
+
}
|
506 |
+
if(!this.options.endcolor)
|
507 |
+
this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
|
508 |
+
if(!this.options.restorecolor)
|
509 |
+
this.options.restorecolor = this.element.getStyle('background-color');
|
510 |
+
// init color calculations
|
511 |
+
this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
|
512 |
+
this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this));
|
513 |
+
},
|
514 |
+
update: function(position) {
|
515 |
+
this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
|
516 |
+
return m+(Math.round(this._base[i]+(this._delta[i]*position)).toColorPart()); }.bind(this)) });
|
517 |
+
},
|
518 |
+
finish: function() {
|
519 |
+
this.element.setStyle(Object.extend(this.oldStyle, {
|
520 |
+
backgroundColor: this.options.restorecolor
|
521 |
+
}));
|
522 |
+
}
|
523 |
+
});
|
524 |
+
|
525 |
+
Effect.ScrollTo = Class.create();
|
526 |
+
Object.extend(Object.extend(Effect.ScrollTo.prototype, Effect.Base.prototype), {
|
527 |
+
initialize: function(element) {
|
528 |
+
this.element = $(element);
|
529 |
+
this.start(arguments[1] || {});
|
530 |
+
},
|
531 |
+
setup: function() {
|
532 |
+
Position.prepare();
|
533 |
+
var offsets = Position.cumulativeOffset(this.element);
|
534 |
+
if(this.options.offset) offsets[1] += this.options.offset;
|
535 |
+
var max = window.innerHeight ?
|
536 |
+
window.height - window.innerHeight :
|
537 |
+
document.body.scrollHeight -
|
538 |
+
(document.documentElement.clientHeight ?
|
539 |
+
document.documentElement.clientHeight : document.body.clientHeight);
|
540 |
+
this.scrollStart = Position.deltaY;
|
541 |
+
this.delta = (offsets[1] > max ? max : offsets[1]) - this.scrollStart;
|
542 |
+
},
|
543 |
+
update: function(position) {
|
544 |
+
Position.prepare();
|
545 |
+
window.scrollTo(Position.deltaX,
|
546 |
+
this.scrollStart + (position*this.delta));
|
547 |
+
}
|
548 |
+
});
|
549 |
+
|
550 |
+
/* ------------- combination effects ------------- */
|
551 |
+
|
552 |
+
Effect.Fade = function(element) {
|
553 |
+
element = $(element);
|
554 |
+
var oldOpacity = element.getInlineOpacity();
|
555 |
+
var options = Object.extend({
|
556 |
+
from: element.getOpacity() || 1.0,
|
557 |
+
to: 0.0,
|
558 |
+
afterFinishInternal: function(effect) {
|
559 |
+
if(effect.options.to!=0) return;
|
560 |
+
effect.element.hide().setStyle({opacity: oldOpacity});
|
561 |
+
}}, arguments[1] || {});
|
562 |
+
return new Effect.Opacity(element,options);
|
563 |
+
}
|
564 |
+
|
565 |
+
Effect.Appear = function(element) {
|
566 |
+
element = $(element);
|
567 |
+
var options = Object.extend({
|
568 |
+
from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
|
569 |
+
to: 1.0,
|
570 |
+
// force Safari to render floated elements properly
|
571 |
+
afterFinishInternal: function(effect) {
|
572 |
+
effect.element.forceRerendering();
|
573 |
+
},
|
574 |
+
beforeSetup: function(effect) {
|
575 |
+
effect.element.setOpacity(effect.options.from).show();
|
576 |
+
}}, arguments[1] || {});
|
577 |
+
return new Effect.Opacity(element,options);
|
578 |
+
}
|
579 |
+
|
580 |
+
Effect.Puff = function(element) {
|
581 |
+
element = $(element);
|
582 |
+
var oldStyle = {
|
583 |
+
opacity: element.getInlineOpacity(),
|
584 |
+
position: element.getStyle('position'),
|
585 |
+
top: element.style.top,
|
586 |
+
left: element.style.left,
|
587 |
+
width: element.style.width,
|
588 |
+
height: element.style.height
|
589 |
+
};
|
590 |
+
return new Effect.Parallel(
|
591 |
+
[ new Effect.Scale(element, 200,
|
592 |
+
{ sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }),
|
593 |
+
new Effect.Opacity(element, { sync: true, to: 0.0 } ) ],
|
594 |
+
Object.extend({ duration: 1.0,
|
595 |
+
beforeSetupInternal: function(effect) {
|
596 |
+
Position.absolutize(effect.effects[0].element)
|
597 |
+
},
|
598 |
+
afterFinishInternal: function(effect) {
|
599 |
+
effect.effects[0].element.hide().setStyle(oldStyle); }
|
600 |
+
}, arguments[1] || {})
|
601 |
+
);
|
602 |
+
}
|
603 |
+
|
604 |
+
Effect.BlindUp = function(element) {
|
605 |
+
element = $(element);
|
606 |
+
element.makeClipping();
|
607 |
+
return new Effect.Scale(element, 0,
|
608 |
+
Object.extend({ scaleContent: false,
|
609 |
+
scaleX: false,
|
610 |
+
restoreAfterFinish: true,
|
611 |
+
afterFinishInternal: function(effect) {
|
612 |
+
effect.element.hide().undoClipping();
|
613 |
+
}
|
614 |
+
}, arguments[1] || {})
|
615 |
+
);
|
616 |
+
}
|
617 |
+
|
618 |
+
Effect.BlindDown = function(element) {
|
619 |
+
element = $(element);
|
620 |
+
var elementDimensions = element.getDimensions();
|
621 |
+
return new Effect.Scale(element, 100, Object.extend({
|
622 |
+
scaleContent: false,
|
623 |
+
scaleX: false,
|
624 |
+
scaleFrom: 0,
|
625 |
+
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
626 |
+
restoreAfterFinish: true,
|
627 |
+
afterSetup: function(effect) {
|
628 |
+
effect.element.makeClipping().setStyle({height: '0px'}).show();
|
629 |
+
},
|
630 |
+
afterFinishInternal: function(effect) {
|
631 |
+
effect.element.undoClipping();
|
632 |
+
}
|
633 |
+
}, arguments[1] || {}));
|
634 |
+
}
|
635 |
+
|
636 |
+
Effect.SwitchOff = function(element) {
|
637 |
+
element = $(element);
|
638 |
+
var oldOpacity = element.getInlineOpacity();
|
639 |
+
return new Effect.Appear(element, Object.extend({
|
640 |
+
duration: 0.4,
|
641 |
+
from: 0,
|
642 |
+
transition: Effect.Transitions.flicker,
|
643 |
+
afterFinishInternal: function(effect) {
|
644 |
+
new Effect.Scale(effect.element, 1, {
|
645 |
+
duration: 0.3, scaleFromCenter: true,
|
646 |
+
scaleX: false, scaleContent: false, restoreAfterFinish: true,
|
647 |
+
beforeSetup: function(effect) {
|
648 |
+
effect.element.makePositioned().makeClipping();
|
649 |
+
},
|
650 |
+
afterFinishInternal: function(effect) {
|
651 |
+
effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity});
|
652 |
+
}
|
653 |
+
})
|
654 |
+
}
|
655 |
+
}, arguments[1] || {}));
|
656 |
+
}
|
657 |
+
|
658 |
+
Effect.DropOut = function(element) {
|
659 |
+
element = $(element);
|
660 |
+
var oldStyle = {
|
661 |
+
top: element.getStyle('top'),
|
662 |
+
left: element.getStyle('left'),
|
663 |
+
opacity: element.getInlineOpacity() };
|
664 |
+
return new Effect.Parallel(
|
665 |
+
[ new Effect.Move(element, {x: 0, y: 100, sync: true }),
|
666 |
+
new Effect.Opacity(element, { sync: true, to: 0.0 }) ],
|
667 |
+
Object.extend(
|
668 |
+
{ duration: 0.5,
|
669 |
+
beforeSetup: function(effect) {
|
670 |
+
effect.effects[0].element.makePositioned();
|
671 |
+
},
|
672 |
+
afterFinishInternal: function(effect) {
|
673 |
+
effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle);
|
674 |
+
}
|
675 |
+
}, arguments[1] || {}));
|
676 |
+
}
|
677 |
+
|
678 |
+
Effect.Shake = function(element) {
|
679 |
+
element = $(element);
|
680 |
+
var oldStyle = {
|
681 |
+
top: element.getStyle('top'),
|
682 |
+
left: element.getStyle('left') };
|
683 |
+
return new Effect.Move(element,
|
684 |
+
{ x: 20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
|
685 |
+
new Effect.Move(effect.element,
|
686 |
+
{ x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
687 |
+
new Effect.Move(effect.element,
|
688 |
+
{ x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
689 |
+
new Effect.Move(effect.element,
|
690 |
+
{ x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
691 |
+
new Effect.Move(effect.element,
|
692 |
+
{ x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) {
|
693 |
+
new Effect.Move(effect.element,
|
694 |
+
{ x: -20, y: 0, duration: 0.05, afterFinishInternal: function(effect) {
|
695 |
+
effect.element.undoPositioned().setStyle(oldStyle);
|
696 |
+
}}) }}) }}) }}) }}) }});
|
697 |
+
}
|
698 |
+
|
699 |
+
Effect.SlideDown = function(element) {
|
700 |
+
element = $(element).cleanWhitespace();
|
701 |
+
// SlideDown need to have the content of the element wrapped in a container element with fixed height!
|
702 |
+
var oldInnerBottom = element.down().getStyle('bottom');
|
703 |
+
var elementDimensions = element.getDimensions();
|
704 |
+
return new Effect.Scale(element, 100, Object.extend({
|
705 |
+
scaleContent: false,
|
706 |
+
scaleX: false,
|
707 |
+
scaleFrom: window.opera ? 0 : 1,
|
708 |
+
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
709 |
+
restoreAfterFinish: true,
|
710 |
+
afterSetup: function(effect) {
|
711 |
+
effect.element.makePositioned();
|
712 |
+
effect.element.down().makePositioned();
|
713 |
+
if(window.opera) effect.element.setStyle({top: ''});
|
714 |
+
effect.element.makeClipping().setStyle({height: '0px'}).show();
|
715 |
+
},
|
716 |
+
afterUpdateInternal: function(effect) {
|
717 |
+
effect.element.down().setStyle({bottom:
|
718 |
+
(effect.dims[0] - effect.element.clientHeight) + 'px' });
|
719 |
+
},
|
720 |
+
afterFinishInternal: function(effect) {
|
721 |
+
effect.element.undoClipping().undoPositioned();
|
722 |
+
effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); }
|
723 |
+
}, arguments[1] || {})
|
724 |
+
);
|
725 |
+
}
|
726 |
+
|
727 |
+
Effect.SlideUp = function(element) {
|
728 |
+
element = $(element).cleanWhitespace();
|
729 |
+
var oldInnerBottom = element.down().getStyle('bottom');
|
730 |
+
return new Effect.Scale(element, window.opera ? 0 : 1,
|
731 |
+
Object.extend({ scaleContent: false,
|
732 |
+
scaleX: false,
|
733 |
+
scaleMode: 'box',
|
734 |
+
scaleFrom: 100,
|
735 |
+
restoreAfterFinish: true,
|
736 |
+
beforeStartInternal: function(effect) {
|
737 |
+
effect.element.makePositioned();
|
738 |
+
effect.element.down().makePositioned();
|
739 |
+
if(window.opera) effect.element.setStyle({top: ''});
|
740 |
+
effect.element.makeClipping().show();
|
741 |
+
},
|
742 |
+
afterUpdateInternal: function(effect) {
|
743 |
+
effect.element.down().setStyle({bottom:
|
744 |
+
(effect.dims[0] - effect.element.clientHeight) + 'px' });
|
745 |
+
},
|
746 |
+
afterFinishInternal: function(effect) {
|
747 |
+
effect.element.hide().undoClipping().undoPositioned().setStyle({bottom: oldInnerBottom});
|
748 |
+
effect.element.down().undoPositioned();
|
749 |
+
}
|
750 |
+
}, arguments[1] || {})
|
751 |
+
);
|
752 |
+
}
|
753 |
+
|
754 |
+
// Bug in opera makes the TD containing this element expand for a instance after finish
|
755 |
+
Effect.Squish = function(element) {
|
756 |
+
return new Effect.Scale(element, window.opera ? 1 : 0, {
|
757 |
+
restoreAfterFinish: true,
|
758 |
+
beforeSetup: function(effect) {
|
759 |
+
effect.element.makeClipping();
|
760 |
+
},
|
761 |
+
afterFinishInternal: function(effect) {
|
762 |
+
effect.element.hide().undoClipping();
|
763 |
+
}
|
764 |
+
});
|
765 |
+
}
|
766 |
+
|
767 |
+
Effect.Grow = function(element) {
|
768 |
+
element = $(element);
|
769 |
+
var options = Object.extend({
|
770 |
+
direction: 'center',
|
771 |
+
moveTransition: Effect.Transitions.sinoidal,
|
772 |
+
scaleTransition: Effect.Transitions.sinoidal,
|
773 |
+
opacityTransition: Effect.Transitions.full
|
774 |
+
}, arguments[1] || {});
|
775 |
+
var oldStyle = {
|
776 |
+
top: element.style.top,
|
777 |
+
left: element.style.left,
|
778 |
+
height: element.style.height,
|
779 |
+
width: element.style.width,
|
780 |
+
opacity: element.getInlineOpacity() };
|
781 |
+
|
782 |
+
var dims = element.getDimensions();
|
783 |
+
var initialMoveX, initialMoveY;
|
784 |
+
var moveX, moveY;
|
785 |
+
|
786 |
+
switch (options.direction) {
|
787 |
+
case 'top-left':
|
788 |
+
initialMoveX = initialMoveY = moveX = moveY = 0;
|
789 |
+
break;
|
790 |
+
case 'top-right':
|
791 |
+
initialMoveX = dims.width;
|
792 |
+
initialMoveY = moveY = 0;
|
793 |
+
moveX = -dims.width;
|
794 |
+
break;
|
795 |
+
case 'bottom-left':
|
796 |
+
initialMoveX = moveX = 0;
|
797 |
+
initialMoveY = dims.height;
|
798 |
+
moveY = -dims.height;
|
799 |
+
break;
|
800 |
+
case 'bottom-right':
|
801 |
+
initialMoveX = dims.width;
|
802 |
+
initialMoveY = dims.height;
|
803 |
+
moveX = -dims.width;
|
804 |
+
moveY = -dims.height;
|
805 |
+
break;
|
806 |
+
case 'center':
|
807 |
+
initialMoveX = dims.width / 2;
|
808 |
+
initialMoveY = dims.height / 2;
|
809 |
+
moveX = -dims.width / 2;
|
810 |
+
moveY = -dims.height / 2;
|
811 |
+
break;
|
812 |
+
}
|
813 |
+
|
814 |
+
return new Effect.Move(element, {
|
815 |
+
x: initialMoveX,
|
816 |
+
y: initialMoveY,
|
817 |
+
duration: 0.01,
|
818 |
+
beforeSetup: function(effect) {
|
819 |
+
effect.element.hide().makeClipping().makePositioned();
|
820 |
+
},
|
821 |
+
afterFinishInternal: function(effect) {
|
822 |
+
new Effect.Parallel(
|
823 |
+
[ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }),
|
824 |
+
new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }),
|
825 |
+
new Effect.Scale(effect.element, 100, {
|
826 |
+
scaleMode: { originalHeight: dims.height, originalWidth: dims.width },
|
827 |
+
sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true})
|
828 |
+
], Object.extend({
|
829 |
+
beforeSetup: function(effect) {
|
830 |
+
effect.effects[0].element.setStyle({height: '0px'}).show();
|
831 |
+
},
|
832 |
+
afterFinishInternal: function(effect) {
|
833 |
+
effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle);
|
834 |
+
}
|
835 |
+
}, options)
|
836 |
+
)
|
837 |
+
}
|
838 |
+
});
|
839 |
+
}
|
840 |
+
|
841 |
+
Effect.Shrink = function(element) {
|
842 |
+
element = $(element);
|
843 |
+
var options = Object.extend({
|
844 |
+
direction: 'center',
|
845 |
+
moveTransition: Effect.Transitions.sinoidal,
|
846 |
+
scaleTransition: Effect.Transitions.sinoidal,
|
847 |
+
opacityTransition: Effect.Transitions.none
|
848 |
+
}, arguments[1] || {});
|
849 |
+
var oldStyle = {
|
850 |
+
top: element.style.top,
|
851 |
+
left: element.style.left,
|
852 |
+
height: element.style.height,
|
853 |
+
width: element.style.width,
|
854 |
+
opacity: element.getInlineOpacity() };
|
855 |
+
|
856 |
+
var dims = element.getDimensions();
|
857 |
+
var moveX, moveY;
|
858 |
+
|
859 |
+
switch (options.direction) {
|
860 |
+
case 'top-left':
|
861 |
+
moveX = moveY = 0;
|
862 |
+
break;
|
863 |
+
case 'top-right':
|
864 |
+
moveX = dims.width;
|
865 |
+
moveY = 0;
|
866 |
+
break;
|
867 |
+
case 'bottom-left':
|
868 |
+
moveX = 0;
|
869 |
+
moveY = dims.height;
|
870 |
+
break;
|
871 |
+
case 'bottom-right':
|
872 |
+
moveX = dims.width;
|
873 |
+
moveY = dims.height;
|
874 |
+
break;
|
875 |
+
case 'center':
|
876 |
+
moveX = dims.width / 2;
|
877 |
+
moveY = dims.height / 2;
|
878 |
+
break;
|
879 |
+
}
|
880 |
+
|
881 |
+
return new Effect.Parallel(
|
882 |
+
[ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
|
883 |
+
new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
|
884 |
+
new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
|
885 |
+
], Object.extend({
|
886 |
+
beforeStartInternal: function(effect) {
|
887 |
+
effect.effects[0].element.makePositioned().makeClipping();
|
888 |
+
},
|
889 |
+
afterFinishInternal: function(effect) {
|
890 |
+
effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); }
|
891 |
+
}, options)
|
892 |
+
);
|
893 |
+
}
|
894 |
+
|
895 |
+
Effect.Pulsate = function(element) {
|
896 |
+
element = $(element);
|
897 |
+
var options = arguments[1] || {};
|
898 |
+
var oldOpacity = element.getInlineOpacity();
|
899 |
+
var transition = options.transition || Effect.Transitions.sinoidal;
|
900 |
+
var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos, options.pulses)) };
|
901 |
+
reverser.bind(transition);
|
902 |
+
return new Effect.Opacity(element,
|
903 |
+
Object.extend(Object.extend({ duration: 2.0, from: 0,
|
904 |
+
afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
|
905 |
+
}, options), {transition: reverser}));
|
906 |
+
}
|
907 |
+
|
908 |
+
Effect.Fold = function(element) {
|
909 |
+
element = $(element);
|
910 |
+
var oldStyle = {
|
911 |
+
top: element.style.top,
|
912 |
+
left: element.style.left,
|
913 |
+
width: element.style.width,
|
914 |
+
height: element.style.height };
|
915 |
+
element.makeClipping();
|
916 |
+
return new Effect.Scale(element, 5, Object.extend({
|
917 |
+
scaleContent: false,
|
918 |
+
scaleX: false,
|
919 |
+
afterFinishInternal: function(effect) {
|
920 |
+
new Effect.Scale(element, 1, {
|
921 |
+
scaleContent: false,
|
922 |
+
scaleY: false,
|
923 |
+
afterFinishInternal: function(effect) {
|
924 |
+
effect.element.hide().undoClipping().setStyle(oldStyle);
|
925 |
+
} });
|
926 |
+
}}, arguments[1] || {}));
|
927 |
+
};
|
928 |
+
|
929 |
+
Effect.Morph = Class.create();
|
930 |
+
Object.extend(Object.extend(Effect.Morph.prototype, Effect.Base.prototype), {
|
931 |
+
initialize: function(element) {
|
932 |
+
this.element = $(element);
|
933 |
+
if(!this.element) throw(Effect._elementDoesNotExistError);
|
934 |
+
var options = Object.extend({
|
935 |
+
style: {}
|
936 |
+
}, arguments[1] || {});
|
937 |
+
if (typeof options.style == 'string') {
|
938 |
+
if(options.style.indexOf(':') == -1) {
|
939 |
+
var cssText = '', selector = '.' + options.style;
|
940 |
+
$A(document.styleSheets).reverse().each(function(styleSheet) {
|
941 |
+
if (styleSheet.cssRules) cssRules = styleSheet.cssRules;
|
942 |
+
else if (styleSheet.rules) cssRules = styleSheet.rules;
|
943 |
+
$A(cssRules).reverse().each(function(rule) {
|
944 |
+
if (selector == rule.selectorText) {
|
945 |
+
cssText = rule.style.cssText;
|
946 |
+
throw $break;
|
947 |
+
}
|
948 |
+
});
|
949 |
+
if (cssText) throw $break;
|
950 |
+
});
|
951 |
+
this.style = cssText.parseStyle();
|
952 |
+
options.afterFinishInternal = function(effect){
|
953 |
+
effect.element.addClassName(effect.options.style);
|
954 |
+
effect.transforms.each(function(transform) {
|
955 |
+
if(transform.style != 'opacity')
|
956 |
+
effect.element.style[transform.style] = '';
|
957 |
+
});
|
958 |
+
}
|
959 |
+
} else this.style = options.style.parseStyle();
|
960 |
+
} else this.style = $H(options.style)
|
961 |
+
this.start(options);
|
962 |
+
},
|
963 |
+
setup: function(){
|
964 |
+
function parseColor(color){
|
965 |
+
if(!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff';
|
966 |
+
color = color.parseColor();
|
967 |
+
return $R(0,2).map(function(i){
|
968 |
+
return parseInt( color.slice(i*2+1,i*2+3), 16 )
|
969 |
+
});
|
970 |
+
}
|
971 |
+
this.transforms = this.style.map(function(pair){
|
972 |
+
var property = pair[0], value = pair[1], unit = null;
|
973 |
+
|
974 |
+
if(value.parseColor('#zzzzzz') != '#zzzzzz') {
|
975 |
+
value = value.parseColor();
|
976 |
+
unit = 'color';
|
977 |
+
} else if(property == 'opacity') {
|
978 |
+
value = parseFloat(value);
|
979 |
+
if(Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
|
980 |
+
this.element.setStyle({zoom: 1});
|
981 |
+
} else if(Element.CSS_LENGTH.test(value)) {
|
982 |
+
var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/);
|
983 |
+
value = parseFloat(components[1]);
|
984 |
+
unit = (components.length == 3) ? components[2] : null;
|
985 |
+
}
|
986 |
+
|
987 |
+
var originalValue = this.element.getStyle(property);
|
988 |
+
return {
|
989 |
+
style: property.camelize(),
|
990 |
+
originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0),
|
991 |
+
targetValue: unit=='color' ? parseColor(value) : value,
|
992 |
+
unit: unit
|
993 |
+
};
|
994 |
+
}.bind(this)).reject(function(transform){
|
995 |
+
return (
|
996 |
+
(transform.originalValue == transform.targetValue) ||
|
997 |
+
(
|
998 |
+
transform.unit != 'color' &&
|
999 |
+
(isNaN(transform.originalValue) || isNaN(transform.targetValue))
|
1000 |
+
)
|
1001 |
+
)
|
1002 |
+
});
|
1003 |
+
},
|
1004 |
+
update: function(position) {
|
1005 |
+
var style = {}, transform, i = this.transforms.length;
|
1006 |
+
while(i--)
|
1007 |
+
style[(transform = this.transforms[i]).style] =
|
1008 |
+
transform.unit=='color' ? '#'+
|
1009 |
+
(Math.round(transform.originalValue[0]+
|
1010 |
+
(transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() +
|
1011 |
+
(Math.round(transform.originalValue[1]+
|
1012 |
+
(transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() +
|
1013 |
+
(Math.round(transform.originalValue[2]+
|
1014 |
+
(transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() :
|
1015 |
+
transform.originalValue + Math.round(
|
1016 |
+
((transform.targetValue - transform.originalValue) * position) * 1000)/1000 + transform.unit;
|
1017 |
+
this.element.setStyle(style, true);
|
1018 |
+
}
|
1019 |
+
});
|
1020 |
+
|
1021 |
+
Effect.Transform = Class.create();
|
1022 |
+
Object.extend(Effect.Transform.prototype, {
|
1023 |
+
initialize: function(tracks){
|
1024 |
+
this.tracks = [];
|
1025 |
+
this.options = arguments[1] || {};
|
1026 |
+
this.addTracks(tracks);
|
1027 |
+
},
|
1028 |
+
addTracks: function(tracks){
|
1029 |
+
tracks.each(function(track){
|
1030 |
+
var data = $H(track).values().first();
|
1031 |
+
this.tracks.push($H({
|
1032 |
+
ids: $H(track).keys().first(),
|
1033 |
+
effect: Effect.Morph,
|
1034 |
+
options: { style: data }
|
1035 |
+
}));
|
1036 |
+
}.bind(this));
|
1037 |
+
return this;
|
1038 |
+
},
|
1039 |
+
play: function(){
|
1040 |
+
return new Effect.Parallel(
|
1041 |
+
this.tracks.map(function(track){
|
1042 |
+
var elements = [$(track.ids) || $$(track.ids)].flatten();
|
1043 |
+
return elements.map(function(e){ return new track.effect(e, Object.extend({ sync:true }, track.options)) });
|
1044 |
+
}).flatten(),
|
1045 |
+
this.options
|
1046 |
+
);
|
1047 |
+
}
|
1048 |
+
});
|
1049 |
+
|
1050 |
+
Element.CSS_PROPERTIES = $w(
|
1051 |
+
'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' +
|
1052 |
+
'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' +
|
1053 |
+
'borderRightColor borderRightStyle borderRightWidth borderSpacing ' +
|
1054 |
+
'borderTopColor borderTopStyle borderTopWidth bottom clip color ' +
|
1055 |
+
'fontSize fontWeight height left letterSpacing lineHeight ' +
|
1056 |
+
'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
|
1057 |
+
'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' +
|
1058 |
+
'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' +
|
1059 |
+
'right textIndent top width wordSpacing zIndex');
|
1060 |
+
|
1061 |
+
Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;
|
1062 |
+
|
1063 |
+
String.prototype.parseStyle = function(){
|
1064 |
+
var element = document.createElement('div');
|
1065 |
+
element.innerHTML = '<div style="' + this + '"></div>';
|
1066 |
+
var style = element.childNodes[0].style, styleRules = $H();
|
1067 |
+
|
1068 |
+
Element.CSS_PROPERTIES.each(function(property){
|
1069 |
+
if(style[property]) styleRules[property] = style[property];
|
1070 |
+
});
|
1071 |
+
if(Prototype.Browser.IE && this.indexOf('opacity') > -1) {
|
1072 |
+
styleRules.opacity = this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1];
|
1073 |
+
}
|
1074 |
+
return styleRules;
|
1075 |
+
};
|
1076 |
+
|
1077 |
+
Element.morph = function(element, style) {
|
1078 |
+
new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || {}));
|
1079 |
+
return element;
|
1080 |
+
};
|
1081 |
+
|
1082 |
+
['getInlineOpacity','forceRerendering','setContentZoom',
|
1083 |
+
'collectTextNodes','collectTextNodesIgnoreClass','morph'].each(
|
1084 |
+
function(f) { Element.Methods[f] = Element[f]; }
|
1085 |
+
);
|
1086 |
+
|
1087 |
+
Element.Methods.visualEffect = function(element, effect, options) {
|
1088 |
+
s = effect.dasherize().camelize();
|
1089 |
+
effect_class = s.charAt(0).toUpperCase() + s.substring(1);
|
1090 |
+
new Effect[effect_class](element, options);
|
1091 |
+
return $(element);
|
1092 |
+
};
|
1093 |
+
|
1094 |
+
Element.addMethods();
|
js/prototype/extended_debug.js
ADDED
@@ -0,0 +1,113 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
var commandHistory;
|
2 |
+
var historyIndex;
|
3 |
+
|
4 |
+
function showExtendedDebug() {
|
5 |
+
if (debugWindow != null) {
|
6 |
+
hideDebug();
|
7 |
+
}
|
8 |
+
|
9 |
+
if (debugWindow == null) {
|
10 |
+
commandHistory = new Array();
|
11 |
+
historyIndex = 0;
|
12 |
+
|
13 |
+
debugWindow = new Window('debug_window', {className: 'dialog',width:250, height:100, right:4, minWidth:250, bottom:42, zIndex:1000, opacity:1, showEffect: Element.show, resizable: true, title: "Debug"})
|
14 |
+
debugWindow.getContent().innerHTML = "<style>#debug_window .dialog_content {background:#000;}</style> <div font='monaco' id='debug' style='padding:3px;color:#0F0;font-family:monaco'></div>";
|
15 |
+
|
16 |
+
//create hourglass icon and attach events to it.
|
17 |
+
var cont = "<div id=\"debug_window_inspect\" style=\"width: 15px; height: 15px; background: transparent url(themes/default/inspect.gif) no-repeat 0 0; position:absolute; top:5px; left:70px; cursor:pointer; z-index:3000;\"></div>";
|
18 |
+
|
19 |
+
new Insertion.After('debug_window_maximize', cont);
|
20 |
+
Event.observe('debug_window_inspect', 'click', enterInspectionMode, false);
|
21 |
+
|
22 |
+
//create command text box
|
23 |
+
cont = "Eval:<input id=\"debug_window_command\" type=\"textbox\" style=\"width:150px; height: 12px; color: black;\">"
|
24 |
+
debugWindow.setStatusBar(cont);
|
25 |
+
|
26 |
+
Event.observe('debug_window_command', 'mousedown', donothing);
|
27 |
+
Event.observe('debug_window_command', 'keypress', evalJS, false);
|
28 |
+
}
|
29 |
+
debugWindow.show();
|
30 |
+
}
|
31 |
+
|
32 |
+
function donothing(evt){
|
33 |
+
Field.activate('debug_window_command');
|
34 |
+
return false;
|
35 |
+
}
|
36 |
+
|
37 |
+
function evalJS(evt){
|
38 |
+
if(evt.keyCode == Event.KEY_RETURN){
|
39 |
+
var js = $F('debug_window_command');
|
40 |
+
try{
|
41 |
+
var ret = eval(js);
|
42 |
+
if(ret != null)
|
43 |
+
debug(ret);
|
44 |
+
}catch(e){
|
45 |
+
debug(e);
|
46 |
+
}
|
47 |
+
$('debug_window_command').value = '';
|
48 |
+
|
49 |
+
Field.activate('debug_window_command');
|
50 |
+
commandHistory.push(js);
|
51 |
+
historyIndex = 0;
|
52 |
+
}
|
53 |
+
|
54 |
+
if(evt.keyCode == Event.KEY_UP){
|
55 |
+
if(commandHistory.length > historyIndex){
|
56 |
+
historyIndex++;
|
57 |
+
var js = commandHistory[commandHistory.length-historyIndex];
|
58 |
+
$('debug_window_command').value = js;
|
59 |
+
Event.stop(evt);
|
60 |
+
Field.activate('debug_window_command');
|
61 |
+
}
|
62 |
+
}
|
63 |
+
|
64 |
+
if(evt.keyCode == Event.KEY_DOWN){
|
65 |
+
if(commandHistory.length >= historyIndex && historyIndex > 1){
|
66 |
+
historyIndex--;
|
67 |
+
var js = commandHistory[commandHistory.length-historyIndex];
|
68 |
+
$('debug_window_command').value = js;
|
69 |
+
Event.stop(evt);
|
70 |
+
Field.activate('debug_window_command');
|
71 |
+
}
|
72 |
+
}
|
73 |
+
}
|
74 |
+
|
75 |
+
function enterInspectionMode(evt){
|
76 |
+
//stop observing magnifying glass
|
77 |
+
Event.stopObserving('debug_window_inspect', 'click', enterInspectionMode, false);
|
78 |
+
//change pointer
|
79 |
+
document.body.style.cursor='help';
|
80 |
+
//start observing mouse clicks
|
81 |
+
Event.observe(window, 'click', inspectItem, false);
|
82 |
+
}
|
83 |
+
|
84 |
+
function inspectItem(evt){
|
85 |
+
// the element that triggered the event
|
86 |
+
var element = Event.element(evt);
|
87 |
+
if(element.id!="debug_window_inspect"){
|
88 |
+
clearDebug()
|
89 |
+
//change pointer
|
90 |
+
document.body.style.cursor='default';
|
91 |
+
debug(element.id);
|
92 |
+
inspect(element);
|
93 |
+
//stop observing mouse clicks
|
94 |
+
Event.stopObserving(window, 'click', inspectItem, false);
|
95 |
+
//alert('doing something');
|
96 |
+
//start observing mag
|
97 |
+
Event.observe('debug_window_inspect', 'click', enterInspectionMode, false);
|
98 |
+
}
|
99 |
+
}
|
100 |
+
|
101 |
+
function clearDebug() {
|
102 |
+
var win = $('debug');
|
103 |
+
if (win == null)
|
104 |
+
return;
|
105 |
+
|
106 |
+
win.innerHTML=" ";
|
107 |
+
//clear inspections too
|
108 |
+
var divs = document.getElementsByClassName('inspector');
|
109 |
+
divs.each(function(div){
|
110 |
+
Element.remove(div);
|
111 |
+
});
|
112 |
+
}
|
113 |
+
|
js/prototype/prototype.js
ADDED
@@ -0,0 +1,4328 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* Prototype JavaScript framework, version 1.6.0.3
|
2 |
+
* (c) 2005-2008 Sam Stephenson
|
3 |
+
*
|
4 |
+
* Prototype is freely distributable under the terms of an MIT-style license.
|
5 |
+
* For details, see the Prototype web site: http://www.prototypejs.org/
|
6 |
+
*
|
7 |
+
*--------------------------------------------------------------------------*/
|
8 |
+
|
9 |
+
var Prototype = {
|
10 |
+
Version: '1.6.0.3',
|
11 |
+
|
12 |
+
Browser: {
|
13 |
+
IE: !!(window.attachEvent &&
|
14 |
+
navigator.userAgent.indexOf('Opera') === -1),
|
15 |
+
Opera: navigator.userAgent.indexOf('Opera') > -1,
|
16 |
+
WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
|
17 |
+
Gecko: navigator.userAgent.indexOf('Gecko') > -1 &&
|
18 |
+
navigator.userAgent.indexOf('KHTML') === -1,
|
19 |
+
MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)
|
20 |
+
},
|
21 |
+
|
22 |
+
BrowserFeatures: {
|
23 |
+
XPath: !!document.evaluate,
|
24 |
+
SelectorsAPI: !!document.querySelector,
|
25 |
+
ElementExtensions: !!window.HTMLElement,
|
26 |
+
SpecificElementExtensions:
|
27 |
+
document.createElement('div')['__proto__'] &&
|
28 |
+
document.createElement('div')['__proto__'] !==
|
29 |
+
document.createElement('form')['__proto__']
|
30 |
+
},
|
31 |
+
|
32 |
+
ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>',
|
33 |
+
JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/,
|
34 |
+
|
35 |
+
emptyFunction: function() { },
|
36 |
+
K: function(x) { return x }
|
37 |
+
};
|
38 |
+
|
39 |
+
if (Prototype.Browser.MobileSafari)
|
40 |
+
Prototype.BrowserFeatures.SpecificElementExtensions = false;
|
41 |
+
|
42 |
+
|
43 |
+
/* Based on Alex Arnell's inheritance implementation. */
|
44 |
+
var Class = {
|
45 |
+
create: function() {
|
46 |
+
var parent = null, properties = $A(arguments);
|
47 |
+
if (Object.isFunction(properties[0]))
|
48 |
+
parent = properties.shift();
|
49 |
+
|
50 |
+
function klass() {
|
51 |
+
this.initialize.apply(this, arguments);
|
52 |
+
}
|
53 |
+
|
54 |
+
Object.extend(klass, Class.Methods);
|
55 |
+
klass.superclass = parent;
|
56 |
+
klass.subclasses = [];
|
57 |
+
|
58 |
+
if (parent) {
|
59 |
+
var subclass = function() { };
|
60 |
+
subclass.prototype = parent.prototype;
|
61 |
+
klass.prototype = new subclass;
|
62 |
+
parent.subclasses.push(klass);
|
63 |
+
}
|
64 |
+
|
65 |
+
for (var i = 0; i < properties.length; i++)
|
66 |
+
klass.addMethods(properties[i]);
|
67 |
+
|
68 |
+
if (!klass.prototype.initialize)
|
69 |
+
klass.prototype.initialize = Prototype.emptyFunction;
|
70 |
+
|
71 |
+
klass.prototype.constructor = klass;
|
72 |
+
|
73 |
+
return klass;
|
74 |
+
}
|
75 |
+
};
|
76 |
+
|
77 |
+
Class.Methods = {
|
78 |
+
addMethods: function(source) {
|
79 |
+
var ancestor = this.superclass && this.superclass.prototype;
|
80 |
+
var properties = Object.keys(source);
|
81 |
+
|
82 |
+
if (!Object.keys({ toString: true }).length)
|
83 |
+
properties.push("toString", "valueOf");
|
84 |
+
|
85 |
+
for (var i = 0, length = properties.length; i < length; i++) {
|
86 |
+
var property = properties[i], value = source[property];
|
87 |
+
if (ancestor && Object.isFunction(value) &&
|
88 |
+
value.argumentNames().first() == "$super") {
|
89 |
+
var method = value;
|
90 |
+
value = (function(m) {
|
91 |
+
return function() { return ancestor[m].apply(this, arguments) };
|
92 |
+
})(property).wrap(method);
|
93 |
+
|
94 |
+
value.valueOf = method.valueOf.bind(method);
|
95 |
+
value.toString = method.toString.bind(method);
|
96 |
+
}
|
97 |
+
this.prototype[property] = value;
|
98 |
+
}
|
99 |
+
|
100 |
+
return this;
|
101 |
+
}
|
102 |
+
};
|
103 |
+
|
104 |
+
var Abstract = { };
|
105 |
+
|
106 |
+
Object.extend = function(destination, source) {
|
107 |
+
for (var property in source)
|
108 |
+
destination[property] = source[property];
|
109 |
+
return destination;
|
110 |
+
};
|
111 |
+
|
112 |
+
Object.extend(Object, {
|
113 |
+
inspect: function(object) {
|
114 |
+
try {
|
115 |
+
if (Object.isUndefined(object)) return 'undefined';
|
116 |
+
if (object === null) return 'null';
|
117 |
+
return object.inspect ? object.inspect() : String(object);
|
118 |
+
} catch (e) {
|
119 |
+
if (e instanceof RangeError) return '...';
|
120 |
+
throw e;
|
121 |
+
}
|
122 |
+
},
|
123 |
+
|
124 |
+
toJSON: function(object) {
|
125 |
+
var type = typeof object;
|
126 |
+
switch (type) {
|
127 |
+
case 'undefined':
|
128 |
+
case 'function':
|
129 |
+
case 'unknown': return;
|
130 |
+
case 'boolean': return object.toString();
|
131 |
+
}
|
132 |
+
|
133 |
+
if (object === null) return 'null';
|
134 |
+
if (object.toJSON) return object.toJSON();
|
135 |
+
if (Object.isElement(object)) return;
|
136 |
+
|
137 |
+
var results = [];
|
138 |
+
for (var property in object) {
|
139 |
+
var value = Object.toJSON(object[property]);
|
140 |
+
if (!Object.isUndefined(value))
|
141 |
+
results.push(property.toJSON() + ': ' + value);
|
142 |
+
}
|
143 |
+
|
144 |
+
return '{' + results.join(', ') + '}';
|
145 |
+
},
|
146 |
+
|
147 |
+
toQueryString: function(object) {
|
148 |
+
return $H(object).toQueryString();
|
149 |
+
},
|
150 |
+
|
151 |
+
toHTML: function(object) {
|
152 |
+
return object && object.toHTML ? object.toHTML() : String.interpret(object);
|
153 |
+
},
|
154 |
+
|
155 |
+
keys: function(object) {
|
156 |
+
var keys = [];
|
157 |
+
for (var property in object)
|
158 |
+
keys.push(property);
|
159 |
+
return keys;
|
160 |
+
},
|
161 |
+
|
162 |
+
values: function(object) {
|
163 |
+
var values = [];
|
164 |
+
for (var property in object)
|
165 |
+
values.push(object[property]);
|
166 |
+
return values;
|
167 |
+
},
|
168 |
+
|
169 |
+
clone: function(object) {
|
170 |
+
return Object.extend({ }, object);
|
171 |
+
},
|
172 |
+
|
173 |
+
isElement: function(object) {
|
174 |
+
return !!(object && object.nodeType == 1);
|
175 |
+
},
|
176 |
+
|
177 |
+
isArray: function(object) {
|
178 |
+
return object != null && typeof object == "object" &&
|
179 |
+
'splice' in object && 'join' in object;
|
180 |
+
},
|
181 |
+
|
182 |
+
isHash: function(object) {
|
183 |
+
return object instanceof Hash;
|
184 |
+
},
|
185 |
+
|
186 |
+
isFunction: function(object) {
|
187 |
+
return typeof object == "function";
|
188 |
+
},
|
189 |
+
|
190 |
+
isString: function(object) {
|
191 |
+
return typeof object == "string";
|
192 |
+
},
|
193 |
+
|
194 |
+
isNumber: function(object) {
|
195 |
+
return typeof object == "number";
|
196 |
+
},
|
197 |
+
|
198 |
+
isUndefined: function(object) {
|
199 |
+
return typeof object == "undefined";
|
200 |
+
}
|
201 |
+
});
|
202 |
+
|
203 |
+
Object.extend(Function.prototype, {
|
204 |
+
argumentNames: function() {
|
205 |
+
var names = this.toString().match(/^[\s\(]*function[^(]*\(([^\)]*)\)/)[1]
|
206 |
+
.replace(/\s+/g, '').split(',');
|
207 |
+
return names.length == 1 && !names[0] ? [] : names;
|
208 |
+
},
|
209 |
+
|
210 |
+
bind: function() {
|
211 |
+
if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this;
|
212 |
+
var __method = this, args = $A(arguments), object = args.shift();
|
213 |
+
return function() {
|
214 |
+
return __method.apply(object, args.concat($A(arguments)));
|
215 |
+
}
|
216 |
+
},
|
217 |
+
|
218 |
+
bindAsEventListener: function() {
|
219 |
+
var __method = this, args = $A(arguments), object = args.shift();
|
220 |
+
return function(event) {
|
221 |
+
return __method.apply(object, [event || window.event].concat(args));
|
222 |
+
}
|
223 |
+
},
|
224 |
+
|
225 |
+
curry: function() {
|
226 |
+
if (!arguments.length) return this;
|
227 |
+
var __method = this, args = $A(arguments);
|
228 |
+
return function() {
|
229 |
+
return __method.apply(this, args.concat($A(arguments)));
|
230 |
+
}
|
231 |
+
},
|
232 |
+
|
233 |
+
delay: function() {
|
234 |
+
var __method = this, args = $A(arguments), timeout = args.shift() * 1000;
|
235 |
+
return window.setTimeout(function() {
|
236 |
+
return __method.apply(__method, args);
|
237 |
+
}, timeout);
|
238 |
+
},
|
239 |
+
|
240 |
+
defer: function() {
|
241 |
+
var args = [0.01].concat($A(arguments));
|
242 |
+
return this.delay.apply(this, args);
|
243 |
+
},
|
244 |
+
|
245 |
+
wrap: function(wrapper) {
|
246 |
+
var __method = this;
|
247 |
+
return function() {
|
248 |
+
return wrapper.apply(this, [__method.bind(this)].concat($A(arguments)));
|
249 |
+
}
|
250 |
+
},
|
251 |
+
|
252 |
+
methodize: function() {
|
253 |
+
if (this._methodized) return this._methodized;
|
254 |
+
var __method = this;
|
255 |
+
return this._methodized = function() {
|
256 |
+
return __method.apply(null, [this].concat($A(arguments)));
|
257 |
+
};
|
258 |
+
}
|
259 |
+
});
|
260 |
+
|
261 |
+
Date.prototype.toJSON = function() {
|
262 |
+
return '"' + this.getUTCFullYear() + '-' +
|
263 |
+
(this.getUTCMonth() + 1).toPaddedString(2) + '-' +
|
264 |
+
this.getUTCDate().toPaddedString(2) + 'T' +
|
265 |
+
this.getUTCHours().toPaddedString(2) + ':' +
|
266 |
+
this.getUTCMinutes().toPaddedString(2) + ':' +
|
267 |
+
this.getUTCSeconds().toPaddedString(2) + 'Z"';
|
268 |
+
};
|
269 |
+
|
270 |
+
var Try = {
|
271 |
+
these: function() {
|
272 |
+
var returnValue;
|
273 |
+
|
274 |
+
for (var i = 0, length = arguments.length; i < length; i++) {
|
275 |
+
var lambda = arguments[i];
|
276 |
+
try {
|
277 |
+
returnValue = lambda();
|
278 |
+
break;
|
279 |
+
} catch (e) { }
|
280 |
+
}
|
281 |
+
|
282 |
+
return returnValue;
|
283 |
+
}
|
284 |
+
};
|
285 |
+
|
286 |
+
RegExp.prototype.match = RegExp.prototype.test;
|
287 |
+
|
288 |
+
RegExp.escape = function(str) {
|
289 |
+
return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
|
290 |
+
};
|
291 |
+
|
292 |
+
/*--------------------------------------------------------------------------*/
|
293 |
+
|
294 |
+
var PeriodicalExecuter = Class.create({
|
295 |
+
initialize: function(callback, frequency) {
|
296 |
+
this.callback = callback;
|
297 |
+
this.frequency = frequency;
|
298 |
+
this.currentlyExecuting = false;
|
299 |
+
|
300 |
+
this.registerCallback();
|
301 |
+
},
|
302 |
+
|
303 |
+
registerCallback: function() {
|
304 |
+
this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
|
305 |
+
},
|
306 |
+
|
307 |
+
execute: function() {
|
308 |
+
this.callback(this);
|
309 |
+
},
|
310 |
+
|
311 |
+
stop: function() {
|
312 |
+
if (!this.timer) return;
|
313 |
+
clearInterval(this.timer);
|
314 |
+
this.timer = null;
|
315 |
+
},
|
316 |
+
|
317 |
+
onTimerEvent: function() {
|
318 |
+
if (!this.currentlyExecuting) {
|
319 |
+
try {
|
320 |
+
this.currentlyExecuting = true;
|
321 |
+
this.execute();
|
322 |
+
} finally {
|
323 |
+
this.currentlyExecuting = false;
|
324 |
+
}
|
325 |
+
}
|
326 |
+
}
|
327 |
+
});
|
328 |
+
Object.extend(String, {
|
329 |
+
interpret: function(value) {
|
330 |
+
return value == null ? '' : String(value);
|
331 |
+
},
|
332 |
+
specialChar: {
|
333 |
+
'\b': '\\b',
|
334 |
+
'\t': '\\t',
|
335 |
+
'\n': '\\n',
|
336 |
+
'\f': '\\f',
|
337 |
+
'\r': '\\r',
|
338 |
+
'\\': '\\\\'
|
339 |
+
}
|
340 |
+
});
|
341 |
+
|
342 |
+
Object.extend(String.prototype, {
|
343 |
+
gsub: function(pattern, replacement) {
|
344 |
+
var result = '', source = this, match;
|
345 |
+
replacement = arguments.callee.prepareReplacement(replacement);
|
346 |
+
|
347 |
+
while (source.length > 0) {
|
348 |
+
if (match = source.match(pattern)) {
|
349 |
+
result += source.slice(0, match.index);
|
350 |
+
result += String.interpret(replacement(match));
|
351 |
+
source = source.slice(match.index + match[0].length);
|
352 |
+
} else {
|
353 |
+
result += source, source = '';
|
354 |
+
}
|
355 |
+
}
|
356 |
+
return result;
|
357 |
+
},
|
358 |
+
|
359 |
+
sub: function(pattern, replacement, count) {
|
360 |
+
replacement = this.gsub.prepareReplacement(replacement);
|
361 |
+
count = Object.isUndefined(count) ? 1 : count;
|
362 |
+
|
363 |
+
return this.gsub(pattern, function(match) {
|
364 |
+
if (--count < 0) return match[0];
|
365 |
+
return replacement(match);
|
366 |
+
});
|
367 |
+
},
|
368 |
+
|
369 |
+
scan: function(pattern, iterator) {
|
370 |
+
this.gsub(pattern, iterator);
|
371 |
+
return String(this);
|
372 |
+
},
|
373 |
+
|
374 |
+
truncate: function(length, truncation) {
|
375 |
+
length = length || 30;
|
376 |
+
truncation = Object.isUndefined(truncation) ? '...' : truncation;
|
377 |
+
return this.length > length ?
|
378 |
+
this.slice(0, length - truncation.length) + truncation : String(this);
|
379 |
+
},
|
380 |
+
|
381 |
+
strip: function() {
|
382 |
+
return this.replace(/^\s+/, '').replace(/\s+$/, '');
|
383 |
+
},
|
384 |
+
|
385 |
+
stripTags: function() {
|
386 |
+
return this.replace(/<\/?[^>]+>/gi, '');
|
387 |
+
},
|
388 |
+
|
389 |
+
stripScripts: function() {
|
390 |
+
return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');
|
391 |
+
},
|
392 |
+
|
393 |
+
extractScripts: function() {
|
394 |
+
var matchAll = new RegExp(Prototype.ScriptFragment, 'img');
|
395 |
+
var matchOne = new RegExp(Prototype.ScriptFragment, 'im');
|
396 |
+
return (this.match(matchAll) || []).map(function(scriptTag) {
|
397 |
+
return (scriptTag.match(matchOne) || ['', ''])[1];
|
398 |
+
});
|
399 |
+
},
|
400 |
+
|
401 |
+
evalScripts: function() {
|
402 |
+
return this.extractScripts().map(function(script) { return eval(script) });
|
403 |
+
},
|
404 |
+
|
405 |
+
escapeHTML: function() {
|
406 |
+
var self = arguments.callee;
|
407 |
+
self.text.data = this;
|
408 |
+
return self.div.innerHTML;
|
409 |
+
},
|
410 |
+
|
411 |
+
unescapeHTML: function() {
|
412 |
+
var div = new Element('div');
|
413 |
+
div.innerHTML = this.stripTags();
|
414 |
+
return div.childNodes[0] ? (div.childNodes.length > 1 ?
|
415 |
+
$A(div.childNodes).inject('', function(memo, node) { return memo+node.nodeValue }) :
|
416 |
+
div.childNodes[0].nodeValue) : '';
|
417 |
+
},
|
418 |
+
|
419 |
+
toQueryParams: function(separator) {
|
420 |
+
var match = this.strip().match(/([^?#]*)(#.*)?$/);
|
421 |
+
if (!match) return { };
|
422 |
+
|
423 |
+
return match[1].split(separator || '&').inject({ }, function(hash, pair) {
|
424 |
+
if ((pair = pair.split('='))[0]) {
|
425 |
+
var key = decodeURIComponent(pair.shift());
|
426 |
+
var value = pair.length > 1 ? pair.join('=') : pair[0];
|
427 |
+
if (value != undefined) value = decodeURIComponent(value);
|
428 |
+
|
429 |
+
if (key in hash) {
|
430 |
+
if (!Object.isArray(hash[key])) hash[key] = [hash[key]];
|
431 |
+
hash[key].push(value);
|
432 |
+
}
|
433 |
+
else hash[key] = value;
|
434 |
+
}
|
435 |
+
return hash;
|
436 |
+
});
|
437 |
+
},
|
438 |
+
|
439 |
+
toArray: function() {
|
440 |
+
return this.split('');
|
441 |
+
},
|
442 |
+
|
443 |
+
succ: function() {
|
444 |
+
return this.slice(0, this.length - 1) +
|
445 |
+
String.fromCharCode(this.charCodeAt(this.length - 1) + 1);
|
446 |
+
},
|
447 |
+
|
448 |
+
times: function(count) {
|
449 |
+
return count < 1 ? '' : new Array(count + 1).join(this);
|
450 |
+
},
|
451 |
+
|
452 |
+
camelize: function() {
|
453 |
+
var parts = this.split('-'), len = parts.length;
|
454 |
+
if (len == 1) return parts[0];
|
455 |
+
|
456 |
+
var camelized = this.charAt(0) == '-'
|
457 |
+
? parts[0].charAt(0).toUpperCase() + parts[0].substring(1)
|
458 |
+
: parts[0];
|
459 |
+
|
460 |
+
for (var i = 1; i < len; i++)
|
461 |
+
camelized += parts[i].charAt(0).toUpperCase() + parts[i].substring(1);
|
462 |
+
|
463 |
+
return camelized;
|
464 |
+
},
|
465 |
+
|
466 |
+
capitalize: function() {
|
467 |
+
return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase();
|
468 |
+
},
|
469 |
+
|
470 |
+
underscore: function() {
|
471 |
+
return this.gsub(/::/, '/').gsub(/([A-Z]+)([A-Z][a-z])/,'#{1}_#{2}').gsub(/([a-z\d])([A-Z])/,'#{1}_#{2}').gsub(/-/,'_').toLowerCase();
|
472 |
+
},
|
473 |
+
|
474 |
+
dasherize: function() {
|
475 |
+
return this.gsub(/_/,'-');
|
476 |
+
},
|
477 |
+
|
478 |
+
inspect: function(useDoubleQuotes) {
|
479 |
+
var escapedString = this.gsub(/[\x00-\x1f\\]/, function(match) {
|
480 |
+
var character = String.specialChar[match[0]];
|
481 |
+
return character ? character : '\\u00' + match[0].charCodeAt().toPaddedString(2, 16);
|
482 |
+
});
|
483 |
+
if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"';
|
484 |
+
return "'" + escapedString.replace(/'/g, '\\\'') + "'";
|
485 |
+
},
|
486 |
+
|
487 |
+
toJSON: function() {
|
488 |
+
return this.inspect(true);
|
489 |
+
},
|
490 |
+
|
491 |
+
unfilterJSON: function(filter) {
|
492 |
+
return this.sub(filter || Prototype.JSONFilter, '#{1}');
|
493 |
+
},
|
494 |
+
|
495 |
+
isJSON: function() {
|
496 |
+
var str = this;
|
497 |
+
if (str.blank()) return false;
|
498 |
+
str = this.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, '');
|
499 |
+
return (/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(str);
|
500 |
+
},
|
501 |
+
|
502 |
+
evalJSON: function(sanitize) {
|
503 |
+
var json = this.unfilterJSON();
|
504 |
+
try {
|
505 |
+
if (!sanitize || json.isJSON()) return eval('(' + json + ')');
|
506 |
+
} catch (e) { }
|
507 |
+
throw new SyntaxError('Badly formed JSON string: ' + this.inspect());
|
508 |
+
},
|
509 |
+
|
510 |
+
include: function(pattern) {
|
511 |
+
return this.indexOf(pattern) > -1;
|
512 |
+
},
|
513 |
+
|
514 |
+
startsWith: function(pattern) {
|
515 |
+
return this.indexOf(pattern) === 0;
|
516 |
+
},
|
517 |
+
|
518 |
+
endsWith: function(pattern) {
|
519 |
+
var d = this.length - pattern.length;
|
520 |
+
return d >= 0 && this.lastIndexOf(pattern) === d;
|
521 |
+
},
|
522 |
+
|
523 |
+
empty: function() {
|
524 |
+
return this == '';
|
525 |
+
},
|
526 |
+
|
527 |
+
blank: function() {
|
528 |
+
return /^\s*$/.test(this);
|
529 |
+
},
|
530 |
+
|
531 |
+
interpolate: function(object, pattern) {
|
532 |
+
return new Template(this, pattern).evaluate(object);
|
533 |
+
}
|
534 |
+
});
|
535 |
+
|
536 |
+
if (Prototype.Browser.WebKit || Prototype.Browser.IE) Object.extend(String.prototype, {
|
537 |
+
escapeHTML: function() {
|
538 |
+
return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>');
|
539 |
+
},
|
540 |
+
unescapeHTML: function() {
|
541 |
+
return this.stripTags().replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>');
|
542 |
+
}
|
543 |
+
});
|
544 |
+
|
545 |
+
String.prototype.gsub.prepareReplacement = function(replacement) {
|
546 |
+
if (Object.isFunction(replacement)) return replacement;
|
547 |
+
var template = new Template(replacement);
|
548 |
+
return function(match) { return template.evaluate(match) };
|
549 |
+
};
|
550 |
+
|
551 |
+
String.prototype.parseQuery = String.prototype.toQueryParams;
|
552 |
+
|
553 |
+
Object.extend(String.prototype.escapeHTML, {
|
554 |
+
div: document.createElement('div'),
|
555 |
+
text: document.createTextNode('')
|
556 |
+
});
|
557 |
+
|
558 |
+
String.prototype.escapeHTML.div.appendChild(String.prototype.escapeHTML.text);
|
559 |
+
|
560 |
+
var Template = Class.create({
|
561 |
+
initialize: function(template, pattern) {
|
562 |
+
this.template = template.toString();
|
563 |
+
this.pattern = pattern || Template.Pattern;
|
564 |
+
},
|
565 |
+
|
566 |
+
evaluate: function(object) {
|
567 |
+
if (Object.isFunction(object.toTemplateReplacements))
|
568 |
+
object = object.toTemplateReplacements();
|
569 |
+
|
570 |
+
return this.template.gsub(this.pattern, function(match) {
|
571 |
+
if (object == null) return '';
|
572 |
+
|
573 |
+
var before = match[1] || '';
|
574 |
+
if (before == '\\') return match[2];
|
575 |
+
|
576 |
+
var ctx = object, expr = match[3];
|
577 |
+
var pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/;
|
578 |
+
match = pattern.exec(expr);
|
579 |
+
if (match == null) return before;
|
580 |
+
|
581 |
+
while (match != null) {
|
582 |
+
var comp = match[1].startsWith('[') ? match[2].gsub('\\\\]', ']') : match[1];
|
583 |
+
ctx = ctx[comp];
|
584 |
+
if (null == ctx || '' == match[3]) break;
|
585 |
+
expr = expr.substring('[' == match[3] ? match[1].length : match[0].length);
|
586 |
+
match = pattern.exec(expr);
|
587 |
+
}
|
588 |
+
|
589 |
+
return before + String.interpret(ctx);
|
590 |
+
});
|
591 |
+
}
|
592 |
+
});
|
593 |
+
Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/;
|
594 |
+
|
595 |
+
var $break = { };
|
596 |
+
|
597 |
+
var Enumerable = {
|
598 |
+
each: function(iterator, context) {
|
599 |
+
var index = 0;
|
600 |
+
try {
|
601 |
+
this._each(function(value) {
|
602 |
+
iterator.call(context, value, index++);
|
603 |
+
});
|
604 |
+
} catch (e) {
|
605 |
+
if (e != $break) throw e;
|
606 |
+
}
|
607 |
+
return this;
|
608 |
+
},
|
609 |
+
|
610 |
+
eachSlice: function(number, iterator, context) {
|
611 |
+
var index = -number, slices = [], array = this.toArray();
|
612 |
+
if (number < 1) return array;
|
613 |
+
while ((index += number) < array.length)
|
614 |
+
slices.push(array.slice(index, index+number));
|
615 |
+
return slices.collect(iterator, context);
|
616 |
+
},
|
617 |
+
|
618 |
+
all: function(iterator, context) {
|
619 |
+
iterator = iterator || Prototype.K;
|
620 |
+
var result = true;
|
621 |
+
this.each(function(value, index) {
|
622 |
+
result = result && !!iterator.call(context, value, index);
|
623 |
+
if (!result) throw $break;
|
624 |
+
});
|
625 |
+
return result;
|
626 |
+
},
|
627 |
+
|
628 |
+
any: function(iterator, context) {
|
629 |
+
iterator = iterator || Prototype.K;
|
630 |
+
var result = false;
|
631 |
+
this.each(function(value, index) {
|
632 |
+
if (result = !!iterator.call(context, value, index))
|
633 |
+
throw $break;
|
634 |
+
});
|
635 |
+
return result;
|
636 |
+
},
|
637 |
+
|
638 |
+
collect: function(iterator, context) {
|
639 |
+
iterator = iterator || Prototype.K;
|
640 |
+
var results = [];
|
641 |
+
this.each(function(value, index) {
|
642 |
+
results.push(iterator.call(context, value, index));
|
643 |
+
});
|
644 |
+
return results;
|
645 |
+
},
|
646 |
+
|
647 |
+
detect: function(iterator, context) {
|
648 |
+
var result;
|
649 |
+
this.each(function(value, index) {
|
650 |
+
if (iterator.call(context, value, index)) {
|
651 |
+
result = value;
|
652 |
+
throw $break;
|
653 |
+
}
|
654 |
+
});
|
655 |
+
return result;
|
656 |
+
},
|
657 |
+
|
658 |
+
findAll: function(iterator, context) {
|
659 |
+
var results = [];
|
660 |
+
this.each(function(value, index) {
|
661 |
+
if (iterator.call(context, value, index))
|
662 |
+
results.push(value);
|
663 |
+
});
|
664 |
+
return results;
|
665 |
+
},
|
666 |
+
|
667 |
+
grep: function(filter, iterator, context) {
|
668 |
+
iterator = iterator || Prototype.K;
|
669 |
+
var results = [];
|
670 |
+
|
671 |
+
if (Object.isString(filter))
|
672 |
+
filter = new RegExp(filter);
|
673 |
+
|
674 |
+
this.each(function(value, index) {
|
675 |
+
if (filter.match(value))
|
676 |
+
results.push(iterator.call(context, value, index));
|
677 |
+
});
|
678 |
+
return results;
|
679 |
+
},
|
680 |
+
|
681 |
+
include: function(object) {
|
682 |
+
if (Object.isFunction(this.indexOf))
|
683 |
+
if (this.indexOf(object) != -1) return true;
|
684 |
+
|
685 |
+
var found = false;
|
686 |
+
this.each(function(value) {
|
687 |
+
if (value == object) {
|
688 |
+
found = true;
|
689 |
+
throw $break;
|
690 |
+
}
|
691 |
+
});
|
692 |
+
return found;
|
693 |
+
},
|
694 |
+
|
695 |
+
inGroupsOf: function(number, fillWith) {
|
696 |
+
fillWith = Object.isUndefined(fillWith) ? null : fillWith;
|
697 |
+
return this.eachSlice(number, function(slice) {
|
698 |
+
while(slice.length < number) slice.push(fillWith);
|
699 |
+
return slice;
|
700 |
+
});
|
701 |
+
},
|
702 |
+
|
703 |
+
inject: function(memo, iterator, context) {
|
704 |
+
this.each(function(value, index) {
|
705 |
+
memo = iterator.call(context, memo, value, index);
|
706 |
+
});
|
707 |
+
return memo;
|
708 |
+
},
|
709 |
+
|
710 |
+
invoke: function(method) {
|
711 |
+
var args = $A(arguments).slice(1);
|
712 |
+
return this.map(function(value) {
|
713 |
+
return value[method].apply(value, args);
|
714 |
+
});
|
715 |
+
},
|
716 |
+
|
717 |
+
max: function(iterator, context) {
|
718 |
+
iterator = iterator || Prototype.K;
|
719 |
+
var result;
|
720 |
+
this.each(function(value, index) {
|
721 |
+
value = iterator.call(context, value, index);
|
722 |
+
if (result == null || value >= result)
|
723 |
+
result = value;
|
724 |
+
});
|
725 |
+
return result;
|
726 |
+
},
|
727 |
+
|
728 |
+
min: function(iterator, context) {
|
729 |
+
iterator = iterator || Prototype.K;
|
730 |
+
var result;
|
731 |
+
this.each(function(value, index) {
|
732 |
+
value = iterator.call(context, value, index);
|
733 |
+
if (result == null || value < result)
|
734 |
+
result = value;
|
735 |
+
});
|
736 |
+
return result;
|
737 |
+
},
|
738 |
+
|
739 |
+
partition: function(iterator, context) {
|
740 |
+
iterator = iterator || Prototype.K;
|
741 |
+
var trues = [], falses = [];
|
742 |
+
this.each(function(value, index) {
|
743 |
+
(iterator.call(context, value, index) ?
|
744 |
+
trues : falses).push(value);
|
745 |
+
});
|
746 |
+
return [trues, falses];
|
747 |
+
},
|
748 |
+
|
749 |
+
pluck: function(property) {
|
750 |
+
var results = [];
|
751 |
+
this.each(function(value) {
|
752 |
+
results.push(value[property]);
|
753 |
+
});
|
754 |
+
return results;
|
755 |
+
},
|
756 |
+
|
757 |
+
reject: function(iterator, context) {
|
758 |
+
var results = [];
|
759 |
+
this.each(function(value, index) {
|
760 |
+
if (!iterator.call(context, value, index))
|
761 |
+
results.push(value);
|
762 |
+
});
|
763 |
+
return results;
|
764 |
+
},
|
765 |
+
|
766 |
+
sortBy: function(iterator, context) {
|
767 |
+
return this.map(function(value, index) {
|
768 |
+
return {
|
769 |
+
value: value,
|
770 |
+
criteria: iterator.call(context, value, index)
|
771 |
+
};
|
772 |
+
}).sort(function(left, right) {
|
773 |
+
var a = left.criteria, b = right.criteria;
|
774 |
+
return a < b ? -1 : a > b ? 1 : 0;
|
775 |
+
}).pluck('value');
|
776 |
+
},
|
777 |
+
|
778 |
+
toArray: function() {
|
779 |
+
return this.map();
|
780 |
+
},
|
781 |
+
|
782 |
+
zip: function() {
|
783 |
+
var iterator = Prototype.K, args = $A(arguments);
|
784 |
+
if (Object.isFunction(args.last()))
|
785 |
+
iterator = args.pop();
|
786 |
+
|
787 |
+
var collections = [this].concat(args).map($A);
|
788 |
+
return this.map(function(value, index) {
|
789 |
+
return iterator(collections.pluck(index));
|
790 |
+
});
|
791 |
+
},
|
792 |
+
|
793 |
+
size: function() {
|
794 |
+
return this.toArray().length;
|
795 |
+
},
|
796 |
+
|
797 |
+
inspect: function() {
|
798 |
+
return '#<Enumerable:' + this.toArray().inspect() + '>';
|
799 |
+
}
|
800 |
+
};
|
801 |
+
|
802 |
+
Object.extend(Enumerable, {
|
803 |
+
map: Enumerable.collect,
|
804 |
+
find: Enumerable.detect,
|
805 |
+
select: Enumerable.findAll,
|
806 |
+
filter: Enumerable.findAll,
|
807 |
+
member: Enumerable.include,
|
808 |
+
entries: Enumerable.toArray,
|
809 |
+
every: Enumerable.all,
|
810 |
+
some: Enumerable.any
|
811 |
+
});
|
812 |
+
function $A(iterable) {
|
813 |
+
if (!iterable) return [];
|
814 |
+
if (iterable.toArray) return iterable.toArray();
|
815 |
+
var length = iterable.length || 0, results = new Array(length);
|
816 |
+
while (length--) results[length] = iterable[length];
|
817 |
+
return results;
|
818 |
+
}
|
819 |
+
|
820 |
+
if (Prototype.Browser.WebKit) {
|
821 |
+
$A = function(iterable) {
|
822 |
+
if (!iterable) return [];
|
823 |
+
// In Safari, only use the `toArray` method if it's not a NodeList.
|
824 |
+
// A NodeList is a function, has an function `item` property, and a numeric
|
825 |
+
// `length` property. Adapted from Google Doctype.
|
826 |
+
if (!(typeof iterable === 'function' && typeof iterable.length ===
|
827 |
+
'number' && typeof iterable.item === 'function') && iterable.toArray)
|
828 |
+
return iterable.toArray();
|
829 |
+
var length = iterable.length || 0, results = new Array(length);
|
830 |
+
while (length--) results[length] = iterable[length];
|
831 |
+
return results;
|
832 |
+
};
|
833 |
+
}
|
834 |
+
|
835 |
+
Array.from = $A;
|
836 |
+
|
837 |
+
Object.extend(Array.prototype, Enumerable);
|
838 |
+
|
839 |
+
if (!Array.prototype._reverse) Array.prototype._reverse = Array.prototype.reverse;
|
840 |
+
|
841 |
+
Object.extend(Array.prototype, {
|
842 |
+
_each: function(iterator) {
|
843 |
+
for (var i = 0, length = this.length; i < length; i++)
|
844 |
+
iterator(this[i]);
|
845 |
+
},
|
846 |
+
|
847 |
+
clear: function() {
|
848 |
+
this.length = 0;
|
849 |
+
return this;
|
850 |
+
},
|
851 |
+
|
852 |
+
first: function() {
|
853 |
+
return this[0];
|
854 |
+
},
|
855 |
+
|
856 |
+
last: function() {
|
857 |
+
return this[this.length - 1];
|
858 |
+
},
|
859 |
+
|
860 |
+
compact: function() {
|
861 |
+
return this.select(function(value) {
|
862 |
+
return value != null;
|
863 |
+
});
|
864 |
+
},
|
865 |
+
|
866 |
+
flatten: function() {
|
867 |
+
return this.inject([], function(array, value) {
|
868 |
+
return array.concat(Object.isArray(value) ?
|
869 |
+
value.flatten() : [value]);
|
870 |
+
});
|
871 |
+
},
|
872 |
+
|
873 |
+
without: function() {
|
874 |
+
var values = $A(arguments);
|
875 |
+
return this.select(function(value) {
|
876 |
+
return !values.include(value);
|
877 |
+
});
|
878 |
+
},
|
879 |
+
|
880 |
+
reverse: function(inline) {
|
881 |
+
return (inline !== false ? this : this.toArray())._reverse();
|
882 |
+
},
|
883 |
+
|
884 |
+
reduce: function() {
|
885 |
+
return this.length > 1 ? this : this[0];
|
886 |
+
},
|
887 |
+
|
888 |
+
uniq: function(sorted) {
|
889 |
+
return this.inject([], function(array, value, index) {
|
890 |
+
if (0 == index || (sorted ? array.last() != value : !array.include(value)))
|
891 |
+
array.push(value);
|
892 |
+
return array;
|
893 |
+
});
|
894 |
+
},
|
895 |
+
|
896 |
+
intersect: function(array) {
|
897 |
+
return this.uniq().findAll(function(item) {
|
898 |
+
return array.detect(function(value) { return item === value });
|
899 |
+
});
|
900 |
+
},
|
901 |
+
|
902 |
+
clone: function() {
|
903 |
+
return [].concat(this);
|
904 |
+
},
|
905 |
+
|
906 |
+
size: function() {
|
907 |
+
return this.length;
|
908 |
+
},
|
909 |
+
|
910 |
+
inspect: function() {
|
911 |
+
return '[' + this.map(Object.inspect).join(', ') + ']';
|
912 |
+
},
|
913 |
+
|
914 |
+
toJSON: function() {
|
915 |
+
var results = [];
|
916 |
+
this.each(function(object) {
|
917 |
+
var value = Object.toJSON(object);
|
918 |
+
if (!Object.isUndefined(value)) results.push(value);
|
919 |
+
});
|
920 |
+
return '[' + results.join(', ') + ']';
|
921 |
+
}
|
922 |
+
});
|
923 |
+
|
924 |
+
// use native browser JS 1.6 implementation if available
|
925 |
+
if (Object.isFunction(Array.prototype.forEach))
|
926 |
+
Array.prototype._each = Array.prototype.forEach;
|
927 |
+
|
928 |
+
if (!Array.prototype.indexOf) Array.prototype.indexOf = function(item, i) {
|
929 |
+
i || (i = 0);
|
930 |
+
var length = this.length;
|
931 |
+
if (i < 0) i = length + i;
|
932 |
+
for (; i < length; i++)
|
933 |
+
if (this[i] === item) return i;
|
934 |
+
return -1;
|
935 |
+
};
|
936 |
+
|
937 |
+
if (!Array.prototype.lastIndexOf) Array.prototype.lastIndexOf = function(item, i) {
|
938 |
+
i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1;
|
939 |
+
var n = this.slice(0, i).reverse().indexOf(item);
|
940 |
+
return (n < 0) ? n : i - n - 1;
|
941 |
+
};
|
942 |
+
|
943 |
+
Array.prototype.toArray = Array.prototype.clone;
|
944 |
+
|
945 |
+
function $w(string) {
|
946 |
+
if (!Object.isString(string)) return [];
|
947 |
+
string = string.strip();
|
948 |
+
return string ? string.split(/\s+/) : [];
|
949 |
+
}
|
950 |
+
|
951 |
+
if (Prototype.Browser.Opera){
|
952 |
+
Array.prototype.concat = function() {
|
953 |
+
var array = [];
|
954 |
+
for (var i = 0, length = this.length; i < length; i++) array.push(this[i]);
|
955 |
+
for (var i = 0, length = arguments.length; i < length; i++) {
|
956 |
+
if (Object.isArray(arguments[i])) {
|
957 |
+
for (var j = 0, arrayLength = arguments[i].length; j < arrayLength; j++)
|
958 |
+
array.push(arguments[i][j]);
|
959 |
+
} else {
|
960 |
+
array.push(arguments[i]);
|
961 |
+
}
|
962 |
+
}
|
963 |
+
return array;
|
964 |
+
};
|
965 |
+
}
|
966 |
+
Object.extend(Number.prototype, {
|
967 |
+
toColorPart: function() {
|
968 |
+
return this.toPaddedString(2, 16);
|
969 |
+
},
|
970 |
+
|
971 |
+
succ: function() {
|
972 |
+
return this + 1;
|
973 |
+
},
|
974 |
+
|
975 |
+
times: function(iterator, context) {
|
976 |
+
$R(0, this, true).each(iterator, context);
|
977 |
+
return this;
|
978 |
+
},
|
979 |
+
|
980 |
+
toPaddedString: function(length, radix) {
|
981 |
+
var string = this.toString(radix || 10);
|
982 |
+
return '0'.times(length - string.length) + string;
|
983 |
+
},
|
984 |
+
|
985 |
+
toJSON: function() {
|
986 |
+
return isFinite(this) ? this.toString() : 'null';
|
987 |
+
}
|
988 |
+
});
|
989 |
+
|
990 |
+
$w('abs round ceil floor').each(function(method){
|
991 |
+
Number.prototype[method] = Math[method].methodize();
|
992 |
+
});
|
993 |
+
function $H(object) {
|
994 |
+
return new Hash(object);
|
995 |
+
};
|
996 |
+
|
997 |
+
var Hash = Class.create(Enumerable, (function() {
|
998 |
+
|
999 |
+
function toQueryPair(key, value) {
|
1000 |
+
if (Object.isUndefined(value)) return key;
|
1001 |
+
return key + '=' + encodeURIComponent(String.interpret(value));
|
1002 |
+
}
|
1003 |
+
|
1004 |
+
return {
|
1005 |
+
initialize: function(object) {
|
1006 |
+
this._object = Object.isHash(object) ? object.toObject() : Object.clone(object);
|
1007 |
+
},
|
1008 |
+
|
1009 |
+
_each: function(iterator) {
|
1010 |
+
for (var key in this._object) {
|
1011 |
+
var value = this._object[key], pair = [key, value];
|
1012 |
+
pair.key = key;
|
1013 |
+
pair.value = value;
|
1014 |
+
iterator(pair);
|
1015 |
+
}
|
1016 |
+
},
|
1017 |
+
|
1018 |
+
set: function(key, value) {
|
1019 |
+
return this._object[key] = value;
|
1020 |
+
},
|
1021 |
+
|
1022 |
+
get: function(key) {
|
1023 |
+
// simulating poorly supported hasOwnProperty
|
1024 |
+
if (this._object[key] !== Object.prototype[key])
|
1025 |
+
return this._object[key];
|
1026 |
+
},
|
1027 |
+
|
1028 |
+
unset: function(key) {
|
1029 |
+
var value = this._object[key];
|
1030 |
+
delete this._object[key];
|
1031 |
+
return value;
|
1032 |
+
},
|
1033 |
+
|
1034 |
+
toObject: function() {
|
1035 |
+
return Object.clone(this._object);
|
1036 |
+
},
|
1037 |
+
|
1038 |
+
keys: function() {
|
1039 |
+
return this.pluck('key');
|
1040 |
+
},
|
1041 |
+
|
1042 |
+
values: function() {
|
1043 |
+
return this.pluck('value');
|
1044 |
+
},
|
1045 |
+
|
1046 |
+
index: function(value) {
|
1047 |
+
var match = this.detect(function(pair) {
|
1048 |
+
return pair.value === value;
|
1049 |
+
});
|
1050 |
+
return match && match.key;
|
1051 |
+
},
|
1052 |
+
|
1053 |
+
merge: function(object) {
|
1054 |
+
return this.clone().update(object);
|
1055 |
+
},
|
1056 |
+
|
1057 |
+
update: function(object) {
|
1058 |
+
return new Hash(object).inject(this, function(result, pair) {
|
1059 |
+
result.set(pair.key, pair.value);
|
1060 |
+
return result;
|
1061 |
+
});
|
1062 |
+
},
|
1063 |
+
|
1064 |
+
toQueryString: function() {
|
1065 |
+
return this.inject([], function(results, pair) {
|
1066 |
+
var key = encodeURIComponent(pair.key), values = pair.value;
|
1067 |
+
|
1068 |
+
if (values && typeof values == 'object') {
|
1069 |
+
if (Object.isArray(values))
|
1070 |
+
return results.concat(values.map(toQueryPair.curry(key)));
|
1071 |
+
} else results.push(toQueryPair(key, values));
|
1072 |
+
return results;
|
1073 |
+
}).join('&');
|
1074 |
+
},
|
1075 |
+
|
1076 |
+
inspect: function() {
|
1077 |
+
return '#<Hash:{' + this.map(function(pair) {
|
1078 |
+
return pair.map(Object.inspect).join(': ');
|
1079 |
+
}).join(', ') + '}>';
|
1080 |
+
},
|
1081 |
+
|
1082 |
+
toJSON: function() {
|
1083 |
+
return Object.toJSON(this.toObject());
|
1084 |
+
},
|
1085 |
+
|
1086 |
+
clone: function() {
|
1087 |
+
return new Hash(this);
|
1088 |
+
}
|
1089 |
+
}
|
1090 |
+
})());
|
1091 |
+
|
1092 |
+
Hash.prototype.toTemplateReplacements = Hash.prototype.toObject;
|
1093 |
+
Hash.from = $H;
|
1094 |
+
var ObjectRange = Class.create(Enumerable, {
|
1095 |
+
initialize: function(start, end, exclusive) {
|
1096 |
+
this.start = start;
|
1097 |
+
this.end = end;
|
1098 |
+
this.exclusive = exclusive;
|
1099 |
+
},
|
1100 |
+
|
1101 |
+
_each: function(iterator) {
|
1102 |
+
var value = this.start;
|
1103 |
+
while (this.include(value)) {
|
1104 |
+
iterator(value);
|
1105 |
+
value = value.succ();
|
1106 |
+
}
|
1107 |
+
},
|
1108 |
+
|
1109 |
+
include: function(value) {
|
1110 |
+
if (value < this.start)
|
1111 |
+
return false;
|
1112 |
+
if (this.exclusive)
|
1113 |
+
return value < this.end;
|
1114 |
+
return value <= this.end;
|
1115 |
+
}
|
1116 |
+
});
|
1117 |
+
|
1118 |
+
var $R = function(start, end, exclusive) {
|
1119 |
+
return new ObjectRange(start, end, exclusive);
|
1120 |
+
};
|
1121 |
+
|
1122 |
+
var Ajax = {
|
1123 |
+
getTransport: function() {
|
1124 |
+
return Try.these(
|
1125 |
+
function() {return new XMLHttpRequest()},
|
1126 |
+
function() {return new ActiveXObject('Msxml2.XMLHTTP')},
|
1127 |
+
function() {return new ActiveXObject('Microsoft.XMLHTTP')}
|
1128 |
+
) || false;
|
1129 |
+
},
|
1130 |
+
|
1131 |
+
activeRequestCount: 0
|
1132 |
+
};
|
1133 |
+
|
1134 |
+
Ajax.Responders = {
|
1135 |
+
responders: [],
|
1136 |
+
|
1137 |
+
_each: function(iterator) {
|
1138 |
+
this.responders._each(iterator);
|
1139 |
+
},
|
1140 |
+
|
1141 |
+
register: function(responder) {
|
1142 |
+
if (!this.include(responder))
|
1143 |
+
this.responders.push(responder);
|
1144 |
+
},
|
1145 |
+
|
1146 |
+
unregister: function(responder) {
|
1147 |
+
this.responders = this.responders.without(responder);
|
1148 |
+
},
|
1149 |
+
|
1150 |
+
dispatch: function(callback, request, transport, json) {
|
1151 |
+
this.each(function(responder) {
|
1152 |
+
if (Object.isFunction(responder[callback])) {
|
1153 |
+
try {
|
1154 |
+
responder[callback].apply(responder, [request, transport, json]);
|
1155 |
+
} catch (e) { }
|
1156 |
+
}
|
1157 |
+
});
|
1158 |
+
}
|
1159 |
+
};
|
1160 |
+
|
1161 |
+
Object.extend(Ajax.Responders, Enumerable);
|
1162 |
+
|
1163 |
+
Ajax.Responders.register({
|
1164 |
+
onCreate: function() { Ajax.activeRequestCount++ },
|
1165 |
+
onComplete: function() { Ajax.activeRequestCount-- }
|
1166 |
+
});
|
1167 |
+
|
1168 |
+
Ajax.Base = Class.create({
|
1169 |
+
initialize: function(options) {
|
1170 |
+
this.options = {
|
1171 |
+
method: 'post',
|
1172 |
+
asynchronous: true,
|
1173 |
+
contentType: 'application/x-www-form-urlencoded',
|
1174 |
+
encoding: 'UTF-8',
|
1175 |
+
parameters: '',
|
1176 |
+
evalJSON: true,
|
1177 |
+
evalJS: true
|
1178 |
+
};
|
1179 |
+
Object.extend(this.options, options || { });
|
1180 |
+
|
1181 |
+
this.options.method = this.options.method.toLowerCase();
|
1182 |
+
|
1183 |
+
if (Object.isString(this.options.parameters))
|
1184 |
+
this.options.parameters = this.options.parameters.toQueryParams();
|
1185 |
+
else if (Object.isHash(this.options.parameters))
|
1186 |
+
this.options.parameters = this.options.parameters.toObject();
|
1187 |
+
}
|
1188 |
+
});
|
1189 |
+
|
1190 |
+
Ajax.Request = Class.create(Ajax.Base, {
|
1191 |
+
_complete: false,
|
1192 |
+
|
1193 |
+
initialize: function($super, url, options) {
|
1194 |
+
$super(options);
|
1195 |
+
this.transport = Ajax.getTransport();
|
1196 |
+
this.request(url);
|
1197 |
+
},
|
1198 |
+
|
1199 |
+
request: function(url) {
|
1200 |
+
this.url = url;
|
1201 |
+
this.method = this.options.method;
|
1202 |
+
var params = Object.clone(this.options.parameters);
|
1203 |
+
|
1204 |
+
if (!['get', 'post'].include(this.method)) {
|
1205 |
+
// simulate other verbs over post
|
1206 |
+
params['_method'] = this.method;
|
1207 |
+
this.method = 'post';
|
1208 |
+
}
|
1209 |
+
|
1210 |
+
this.parameters = params;
|
1211 |
+
|
1212 |
+
if (params = Object.toQueryString(params)) {
|
1213 |
+
// when GET, append parameters to URL
|
1214 |
+
if (this.method == 'get')
|
1215 |
+
this.url += (this.url.include('?') ? '&' : '?') + params;
|
1216 |
+
else if (/Konqueror|Safari|KHTML/.test(navigator.userAgent))
|
1217 |
+
params += '&_=';
|
1218 |
+
}
|
1219 |
+
|
1220 |
+
try {
|
1221 |
+
var response = new Ajax.Response(this);
|
1222 |
+
if (this.options.onCreate) this.options.onCreate(response);
|
1223 |
+
Ajax.Responders.dispatch('onCreate', this, response);
|
1224 |
+
|
1225 |
+
this.transport.open(this.method.toUpperCase(), this.url,
|
1226 |
+
this.options.asynchronous);
|
1227 |
+
|
1228 |
+
if (this.options.asynchronous) this.respondToReadyState.bind(this).defer(1);
|
1229 |
+
|
1230 |
+
this.transport.onreadystatechange = this.onStateChange.bind(this);
|
1231 |
+
this.setRequestHeaders();
|
1232 |
+
|
1233 |
+
this.body = this.method == 'post' ? (this.options.postBody || params) : null;
|
1234 |
+
this.transport.send(this.body);
|
1235 |
+
|
1236 |
+
/* Force Firefox to handle ready state 4 for synchronous requests */
|
1237 |
+
if (!this.options.asynchronous && this.transport.overrideMimeType)
|
1238 |
+
this.onStateChange();
|
1239 |
+
|
1240 |
+
}
|
1241 |
+
catch (e) {
|
1242 |
+
this.dispatchException(e);
|
1243 |
+
}
|
1244 |
+
},
|
1245 |
+
|
1246 |
+
onStateChange: function() {
|
1247 |
+
var readyState = this.transport.readyState;
|
1248 |
+
if (readyState > 1 && !((readyState == 4) && this._complete))
|
1249 |
+
this.respondToReadyState(this.transport.readyState);
|
1250 |
+
},
|
1251 |
+
|
1252 |
+
setRequestHeaders: function() {
|
1253 |
+
var headers = {
|
1254 |
+
'X-Requested-With': 'XMLHttpRequest',
|
1255 |
+
'X-Prototype-Version': Prototype.Version,
|
1256 |
+
'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
|
1257 |
+
};
|
1258 |
+
|
1259 |
+
if (this.method == 'post') {
|
1260 |
+
headers['Content-type'] = this.options.contentType +
|
1261 |
+
(this.options.encoding ? '; charset=' + this.options.encoding : '');
|
1262 |
+
|
1263 |
+
/* Force "Connection: close" for older Mozilla browsers to work
|
1264 |
+
* around a bug where XMLHttpRequest sends an incorrect
|
1265 |
+
* Content-length header. See Mozilla Bugzilla #246651.
|
1266 |
+
*/
|
1267 |
+
if (this.transport.overrideMimeType &&
|
1268 |
+
(navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005)
|
1269 |
+
headers['Connection'] = 'close';
|
1270 |
+
}
|
1271 |
+
|
1272 |
+
// user-defined headers
|
1273 |
+
if (typeof this.options.requestHeaders == 'object') {
|
1274 |
+
var extras = this.options.requestHeaders;
|
1275 |
+
|
1276 |
+
if (Object.isFunction(extras.push))
|
1277 |
+
for (var i = 0, length = extras.length; i < length; i += 2)
|
1278 |
+
headers[extras[i]] = extras[i+1];
|
1279 |
+
else
|
1280 |
+
$H(extras).each(function(pair) { headers[pair.key] = pair.value });
|
1281 |
+
}
|
1282 |
+
|
1283 |
+
for (var name in headers)
|
1284 |
+
this.transport.setRequestHeader(name, headers[name]);
|
1285 |
+
},
|
1286 |
+
|
1287 |
+
success: function() {
|
1288 |
+
var status = this.getStatus();
|
1289 |
+
return !status || (status >= 200 && status < 300);
|
1290 |
+
},
|
1291 |
+
|
1292 |
+
getStatus: function() {
|
1293 |
+
try {
|
1294 |
+
return this.transport.status || 0;
|
1295 |
+
} catch (e) { return 0 }
|
1296 |
+
},
|
1297 |
+
|
1298 |
+
respondToReadyState: function(readyState) {
|
1299 |
+
var state = Ajax.Request.Events[readyState], response = new Ajax.Response(this);
|
1300 |
+
|
1301 |
+
if (state == 'Complete') {
|
1302 |
+
try {
|
1303 |
+
this._complete = true;
|
1304 |
+
(this.options['on' + response.status]
|
1305 |
+
|| this.options['on' + (this.success() ? 'Success' : 'Failure')]
|
1306 |
+
|| Prototype.emptyFunction)(response, response.headerJSON);
|
1307 |
+
} catch (e) {
|
1308 |
+
this.dispatchException(e);
|
1309 |
+
}
|
1310 |
+
|
1311 |
+
var contentType = response.getHeader('Content-type');
|
1312 |
+
if (this.options.evalJS == 'force'
|
1313 |
+
|| (this.options.evalJS && this.isSameOrigin() && contentType
|
1314 |
+
&& contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i)))
|
1315 |
+
this.evalResponse();
|
1316 |
+
}
|
1317 |
+
|
1318 |
+
try {
|
1319 |
+
(this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON);
|
1320 |
+
Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON);
|
1321 |
+
} catch (e) {
|
1322 |
+
this.dispatchException(e);
|
1323 |
+
}
|
1324 |
+
|
1325 |
+
if (state == 'Complete') {
|
1326 |
+
// avoid memory leak in MSIE: clean up
|
1327 |
+
this.transport.onreadystatechange = Prototype.emptyFunction;
|
1328 |
+
}
|
1329 |
+
},
|
1330 |
+
|
1331 |
+
isSameOrigin: function() {
|
1332 |
+
var m = this.url.match(/^\s*https?:\/\/[^\/]*/);
|
1333 |
+
return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({
|
1334 |
+
protocol: location.protocol,
|
1335 |
+
domain: document.domain,
|
1336 |
+
port: location.port ? ':' + location.port : ''
|
1337 |
+
}));
|
1338 |
+
},
|
1339 |
+
|
1340 |
+
getHeader: function(name) {
|
1341 |
+
try {
|
1342 |
+
return this.transport.getResponseHeader(name) || null;
|
1343 |
+
} catch (e) { return null }
|
1344 |
+
},
|
1345 |
+
|
1346 |
+
evalResponse: function() {
|
1347 |
+
try {
|
1348 |
+
return eval((this.transport.responseText || '').unfilterJSON());
|
1349 |
+
} catch (e) {
|
1350 |
+
this.dispatchException(e);
|
1351 |
+
}
|
1352 |
+
},
|
1353 |
+
|
1354 |
+
dispatchException: function(exception) {
|
1355 |
+
(this.options.onException || Prototype.emptyFunction)(this, exception);
|
1356 |
+
Ajax.Responders.dispatch('onException', this, exception);
|
1357 |
+
}
|
1358 |
+
});
|
1359 |
+
|
1360 |
+
Ajax.Request.Events =
|
1361 |
+
['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];
|
1362 |
+
|
1363 |
+
Ajax.Response = Class.create({
|
1364 |
+
initialize: function(request){
|
1365 |
+
this.request = request;
|
1366 |
+
var transport = this.transport = request.transport,
|
1367 |
+
readyState = this.readyState = transport.readyState;
|
1368 |
+
|
1369 |
+
if((readyState > 2 && !Prototype.Browser.IE) || readyState == 4) {
|
1370 |
+
this.status = this.getStatus();
|
1371 |
+
this.statusText = this.getStatusText();
|
1372 |
+
this.responseText = String.interpret(transport.responseText);
|
1373 |
+
this.headerJSON = this._getHeaderJSON();
|
1374 |
+
}
|
1375 |
+
|
1376 |
+
if(readyState == 4) {
|
1377 |
+
var xml = transport.responseXML;
|
1378 |
+
this.responseXML = Object.isUndefined(xml) ? null : xml;
|
1379 |
+
this.responseJSON = this._getResponseJSON();
|
1380 |
+
}
|
1381 |
+
},
|
1382 |
+
|
1383 |
+
status: 0,
|
1384 |
+
statusText: '',
|
1385 |
+
|
1386 |
+
getStatus: Ajax.Request.prototype.getStatus,
|
1387 |
+
|
1388 |
+
getStatusText: function() {
|
1389 |
+
try {
|
1390 |
+
return this.transport.statusText || '';
|
1391 |
+
} catch (e) { return '' }
|
1392 |
+
},
|
1393 |
+
|
1394 |
+
getHeader: Ajax.Request.prototype.getHeader,
|
1395 |
+
|
1396 |
+
getAllHeaders: function() {
|
1397 |
+
try {
|
1398 |
+
return this.getAllResponseHeaders();
|
1399 |
+
} catch (e) { return null }
|
1400 |
+
},
|
1401 |
+
|
1402 |
+
getResponseHeader: function(name) {
|
1403 |
+
return this.transport.getResponseHeader(name);
|
1404 |
+
},
|
1405 |
+
|
1406 |
+
getAllResponseHeaders: function() {
|
1407 |
+
return this.transport.getAllResponseHeaders();
|
1408 |
+
},
|
1409 |
+
|
1410 |
+
_getHeaderJSON: function() {
|
1411 |
+
var json = this.getHeader('X-JSON');
|
1412 |
+
if (!json) return null;
|
1413 |
+
json = decodeURIComponent(escape(json));
|
1414 |
+
try {
|
1415 |
+
return json.evalJSON(this.request.options.sanitizeJSON ||
|
1416 |
+
!this.request.isSameOrigin());
|
1417 |
+
} catch (e) {
|
1418 |
+
this.request.dispatchException(e);
|
1419 |
+
}
|
1420 |
+
},
|
1421 |
+
|
1422 |
+
_getResponseJSON: function() {
|
1423 |
+
var options = this.request.options;
|
1424 |
+
if (!options.evalJSON || (options.evalJSON != 'force' &&
|
1425 |
+
!(this.getHeader('Content-type') || '').include('application/json')) ||
|
1426 |
+
this.responseText.blank())
|
1427 |
+
return null;
|
1428 |
+
try {
|
1429 |
+
return this.responseText.evalJSON(options.sanitizeJSON ||
|
1430 |
+
!this.request.isSameOrigin());
|
1431 |
+
} catch (e) {
|
1432 |
+
this.request.dispatchException(e);
|
1433 |
+
}
|
1434 |
+
}
|
1435 |
+
});
|
1436 |
+
|
1437 |
+
Ajax.Updater = Class.create(Ajax.Request, {
|
1438 |
+
initialize: function($super, container, url, options) {
|
1439 |
+
this.container = {
|
1440 |
+
success: (container.success || container),
|
1441 |
+
failure: (container.failure || (container.success ? null : container))
|
1442 |
+
};
|
1443 |
+
|
1444 |
+
options = Object.clone(options);
|
1445 |
+
var onComplete = options.onComplete;
|
1446 |
+
options.onComplete = (function(response, json) {
|
1447 |
+
this.updateContent(response.responseText);
|
1448 |
+
if (Object.isFunction(onComplete)) onComplete(response, json);
|
1449 |
+
}).bind(this);
|
1450 |
+
|
1451 |
+
$super(url, options);
|
1452 |
+
},
|
1453 |
+
|
1454 |
+
updateContent: function(responseText) {
|
1455 |
+
var receiver = this.container[this.success() ? 'success' : 'failure'],
|
1456 |
+
options = this.options;
|
1457 |
+
|
1458 |
+
if (!options.evalScripts) responseText = responseText.stripScripts();
|
1459 |
+
|
1460 |
+
if (receiver = $(receiver)) {
|
1461 |
+
if (options.insertion) {
|
1462 |
+
if (Object.isString(options.insertion)) {
|
1463 |
+
var insertion = { }; insertion[options.insertion] = responseText;
|
1464 |
+
receiver.insert(insertion);
|
1465 |
+
}
|
1466 |
+
else options.insertion(receiver, responseText);
|
1467 |
+
}
|
1468 |
+
else receiver.update(responseText);
|
1469 |
+
}
|
1470 |
+
}
|
1471 |
+
});
|
1472 |
+
|
1473 |
+
Ajax.PeriodicalUpdater = Class.create(Ajax.Base, {
|
1474 |
+
initialize: function($super, container, url, options) {
|
1475 |
+
$super(options);
|
1476 |
+
this.onComplete = this.options.onComplete;
|
1477 |
+
|
1478 |
+
this.frequency = (this.options.frequency || 2);
|
1479 |
+
this.decay = (this.options.decay || 1);
|
1480 |
+
|
1481 |
+
this.updater = { };
|
1482 |
+
this.container = container;
|
1483 |
+
this.url = url;
|
1484 |
+
|
1485 |
+
this.start();
|
1486 |
+
},
|
1487 |
+
|
1488 |
+
start: function() {
|
1489 |
+
this.options.onComplete = this.updateComplete.bind(this);
|
1490 |
+
this.onTimerEvent();
|
1491 |
+
},
|
1492 |
+
|
1493 |
+
stop: function() {
|
1494 |
+
this.updater.options.onComplete = undefined;
|
1495 |
+
clearTimeout(this.timer);
|
1496 |
+
(this.onComplete || Prototype.emptyFunction).apply(this, arguments);
|
1497 |
+
},
|
1498 |
+
|
1499 |
+
updateComplete: function(response) {
|
1500 |
+
if (this.options.decay) {
|
1501 |
+
this.decay = (response.responseText == this.lastText ?
|
1502 |
+
this.decay * this.options.decay : 1);
|
1503 |
+
|
1504 |
+
this.lastText = response.responseText;
|
1505 |
+
}
|
1506 |
+
this.timer = this.onTimerEvent.bind(this).delay(this.decay * this.frequency);
|
1507 |
+
},
|
1508 |
+
|
1509 |
+
onTimerEvent: function() {
|
1510 |
+
this.updater = new Ajax.Updater(this.container, this.url, this.options);
|
1511 |
+
}
|
1512 |
+
});
|
1513 |
+
function $(element) {
|
1514 |
+
if (arguments.length > 1) {
|
1515 |
+
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
|
1516 |
+
elements.push($(arguments[i]));
|
1517 |
+
return elements;
|
1518 |
+
}
|
1519 |
+
if (Object.isString(element))
|
1520 |
+
element = document.getElementById(element);
|
1521 |
+
return Element.extend(element);
|
1522 |
+
}
|
1523 |
+
|
1524 |
+
if (Prototype.BrowserFeatures.XPath) {
|
1525 |
+
document._getElementsByXPath = function(expression, parentElement) {
|
1526 |
+
var results = [];
|
1527 |
+
var query = document.evaluate(expression, $(parentElement) || document,
|
1528 |
+
null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
|
1529 |
+
for (var i = 0, length = query.snapshotLength; i < length; i++)
|
1530 |
+
results.push(Element.extend(query.snapshotItem(i)));
|
1531 |
+
return results;
|
1532 |
+
};
|
1533 |
+
}
|
1534 |
+
|
1535 |
+
/*--------------------------------------------------------------------------*/
|
1536 |
+
|
1537 |
+
if (!window.Node) var Node = { };
|
1538 |
+
|
1539 |
+
if (!Node.ELEMENT_NODE) {
|
1540 |
+
// DOM level 2 ECMAScript Language Binding
|
1541 |
+
Object.extend(Node, {
|
1542 |
+
ELEMENT_NODE: 1,
|
1543 |
+
ATTRIBUTE_NODE: 2,
|
1544 |
+
TEXT_NODE: 3,
|
1545 |
+
CDATA_SECTION_NODE: 4,
|
1546 |
+
ENTITY_REFERENCE_NODE: 5,
|
1547 |
+
ENTITY_NODE: 6,
|
1548 |
+
PROCESSING_INSTRUCTION_NODE: 7,
|
1549 |
+
COMMENT_NODE: 8,
|
1550 |
+
DOCUMENT_NODE: 9,
|
1551 |
+
DOCUMENT_TYPE_NODE: 10,
|
1552 |
+
DOCUMENT_FRAGMENT_NODE: 11,
|
1553 |
+
NOTATION_NODE: 12
|
1554 |
+
});
|
1555 |
+
}
|
1556 |
+
|
1557 |
+
(function() {
|
1558 |
+
var element = this.Element;
|
1559 |
+
this.Element = function(tagName, attributes) {
|
1560 |
+
attributes = attributes || { };
|
1561 |
+
tagName = tagName.toLowerCase();
|
1562 |
+
var cache = Element.cache;
|
1563 |
+
if (Prototype.Browser.IE && attributes.name) {
|
1564 |
+
tagName = '<' + tagName + ' name="' + attributes.name + '">';
|
1565 |
+
delete attributes.name;
|
1566 |
+
return Element.writeAttribute(document.createElement(tagName), attributes);
|
1567 |
+
}
|
1568 |
+
if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName));
|
1569 |
+
return Element.writeAttribute(cache[tagName].cloneNode(false), attributes);
|
1570 |
+
};
|
1571 |
+
Object.extend(this.Element, element || { });
|
1572 |
+
if (element) this.Element.prototype = element.prototype;
|
1573 |
+
}).call(window);
|
1574 |
+
|
1575 |
+
Element.cache = { };
|
1576 |
+
|
1577 |
+
Element.Methods = {
|
1578 |
+
visible: function(element) {
|
1579 |
+
return $(element).style.display != 'none';
|
1580 |
+
},
|
1581 |
+
|
1582 |
+
toggle: function(element) {
|
1583 |
+
element = $(element);
|
1584 |
+
Element[Element.visible(element) ? 'hide' : 'show'](element);
|
1585 |
+
return element;
|
1586 |
+
},
|
1587 |
+
|
1588 |
+
hide: function(element) {
|
1589 |
+
element = $(element);
|
1590 |
+
element.style.display = 'none';
|
1591 |
+
return element;
|
1592 |
+
},
|
1593 |
+
|
1594 |
+
show: function(element) {
|
1595 |
+
element = $(element);
|
1596 |
+
element.style.display = '';
|
1597 |
+
return element;
|
1598 |
+
},
|
1599 |
+
|
1600 |
+
remove: function(element) {
|
1601 |
+
element = $(element);
|
1602 |
+
element.parentNode.removeChild(element);
|
1603 |
+
return element;
|
1604 |
+
},
|
1605 |
+
|
1606 |
+
update: function(element, content) {
|
1607 |
+
element = $(element);
|
1608 |
+
if (content && content.toElement) content = content.toElement();
|
1609 |
+
if (Object.isElement(content)) return element.update().insert(content);
|
1610 |
+
content = Object.toHTML(content);
|
1611 |
+
element.innerHTML = content.stripScripts();
|
1612 |
+
content.evalScripts.bind(content).defer();
|
1613 |
+
return element;
|
1614 |
+
},
|
1615 |
+
|
1616 |
+
replace: function(element, content) {
|
1617 |
+
element = $(element);
|
1618 |
+
if (content && content.toElement) content = content.toElement();
|
1619 |
+
else if (!Object.isElement(content)) {
|
1620 |
+
content = Object.toHTML(content);
|
1621 |
+
var range = element.ownerDocument.createRange();
|
1622 |
+
range.selectNode(element);
|
1623 |
+
content.evalScripts.bind(content).defer();
|
1624 |
+
content = range.createContextualFragment(content.stripScripts());
|
1625 |
+
}
|
1626 |
+
element.parentNode.replaceChild(content, element);
|
1627 |
+
return element;
|
1628 |
+
},
|
1629 |
+
|
1630 |
+
insert: function(element, insertions) {
|
1631 |
+
element = $(element);
|
1632 |
+
|
1633 |
+
if (Object.isString(insertions) || Object.isNumber(insertions) ||
|
1634 |
+
Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML)))
|
1635 |
+
insertions = {bottom:insertions};
|
1636 |
+
|
1637 |
+
var content, insert, tagName, childNodes;
|
1638 |
+
|
1639 |
+
for (var position in insertions) {
|
1640 |
+
content = insertions[position];
|
1641 |
+
position = position.toLowerCase();
|
1642 |
+
insert = Element._insertionTranslations[position];
|
1643 |
+
|
1644 |
+
if (content && content.toElement) content = content.toElement();
|
1645 |
+
if (Object.isElement(content)) {
|
1646 |
+
insert(element, content);
|
1647 |
+
continue;
|
1648 |
+
}
|
1649 |
+
|
1650 |
+
content = Object.toHTML(content);
|
1651 |
+
|
1652 |
+
tagName = ((position == 'before' || position == 'after')
|
1653 |
+
? element.parentNode : element).tagName.toUpperCase();
|
1654 |
+
|
1655 |
+
childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
|
1656 |
+
|
1657 |
+
if (position == 'top' || position == 'after') childNodes.reverse();
|
1658 |
+
childNodes.each(insert.curry(element));
|
1659 |
+
|
1660 |
+
content.evalScripts.bind(content).defer();
|
1661 |
+
}
|
1662 |
+
|
1663 |
+
return element;
|
1664 |
+
},
|
1665 |
+
|
1666 |
+
wrap: function(element, wrapper, attributes) {
|
1667 |
+
element = $(element);
|
1668 |
+
if (Object.isElement(wrapper))
|
1669 |
+
$(wrapper).writeAttribute(attributes || { });
|
1670 |
+
else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes);
|
1671 |
+
else wrapper = new Element('div', wrapper);
|
1672 |
+
if (element.parentNode)
|
1673 |
+
element.parentNode.replaceChild(wrapper, element);
|
1674 |
+
wrapper.appendChild(element);
|
1675 |
+
return wrapper;
|
1676 |
+
},
|
1677 |
+
|
1678 |
+
inspect: function(element) {
|
1679 |
+
element = $(element);
|
1680 |
+
var result = '<' + element.tagName.toLowerCase();
|
1681 |
+
$H({'id': 'id', 'className': 'class'}).each(function(pair) {
|
1682 |
+
var property = pair.first(), attribute = pair.last();
|
1683 |
+
var value = (element[property] || '').toString();
|
1684 |
+
if (value) result += ' ' + attribute + '=' + value.inspect(true);
|
1685 |
+
});
|
1686 |
+
return result + '>';
|
1687 |
+
},
|
1688 |
+
|
1689 |
+
recursivelyCollect: function(element, property) {
|
1690 |
+
element = $(element);
|
1691 |
+
var elements = [];
|
1692 |
+
while (element = element[property])
|
1693 |
+
if (element.nodeType == 1)
|
1694 |
+
elements.push(Element.extend(element));
|
1695 |
+
return elements;
|
1696 |
+
},
|
1697 |
+
|
1698 |
+
ancestors: function(element) {
|
1699 |
+
return $(element).recursivelyCollect('parentNode');
|
1700 |
+
},
|
1701 |
+
|
1702 |
+
descendants: function(element) {
|
1703 |
+
return $(element).select("*");
|
1704 |
+
},
|
1705 |
+
|
1706 |
+
firstDescendant: function(element) {
|
1707 |
+
element = $(element).firstChild;
|
1708 |
+
while (element && element.nodeType != 1) element = element.nextSibling;
|
1709 |
+
return $(element);
|
1710 |
+
},
|
1711 |
+
|
1712 |
+
immediateDescendants: function(element) {
|
1713 |
+
if (!(element = $(element).firstChild)) return [];
|
1714 |
+
while (element && element.nodeType != 1) element = element.nextSibling;
|
1715 |
+
if (element) return [element].concat($(element).nextSiblings());
|
1716 |
+
return [];
|
1717 |
+
},
|
1718 |
+
|
1719 |
+
previousSiblings: function(element) {
|
1720 |
+
return $(element).recursivelyCollect('previousSibling');
|
1721 |
+
},
|
1722 |
+
|
1723 |
+
nextSiblings: function(element) {
|
1724 |
+
return $(element).recursivelyCollect('nextSibling');
|
1725 |
+
},
|
1726 |
+
|
1727 |
+
siblings: function(element) {
|
1728 |
+
element = $(element);
|
1729 |
+
return element.previousSiblings().reverse().concat(element.nextSiblings());
|
1730 |
+
},
|
1731 |
+
|
1732 |
+
match: function(element, selector) {
|
1733 |
+
if (Object.isString(selector))
|
1734 |
+
selector = new Selector(selector);
|
1735 |
+
return selector.match($(element));
|
1736 |
+
},
|
1737 |
+
|
1738 |
+
up: function(element, expression, index) {
|
1739 |
+
element = $(element);
|
1740 |
+
if (arguments.length == 1) return $(element.parentNode);
|
1741 |
+
var ancestors = element.ancestors();
|
1742 |
+
return Object.isNumber(expression) ? ancestors[expression] :
|
1743 |
+
Selector.findElement(ancestors, expression, index);
|
1744 |
+
},
|
1745 |
+
|
1746 |
+
down: function(element, expression, index) {
|
1747 |
+
element = $(element);
|
1748 |
+
if (arguments.length == 1) return element.firstDescendant();
|
1749 |
+
return Object.isNumber(expression) ? element.descendants()[expression] :
|
1750 |
+
Element.select(element, expression)[index || 0];
|
1751 |
+
},
|
1752 |
+
|
1753 |
+
previous: function(element, expression, index) {
|
1754 |
+
element = $(element);
|
1755 |
+
if (arguments.length == 1) return $(Selector.handlers.previousElementSibling(element));
|
1756 |
+
var previousSiblings = element.previousSiblings();
|
1757 |
+
return Object.isNumber(expression) ? previousSiblings[expression] :
|
1758 |
+
Selector.findElement(previousSiblings, expression, index);
|
1759 |
+
},
|
1760 |
+
|
1761 |
+
next: function(element, expression, index) {
|
1762 |
+
element = $(element);
|
1763 |
+
if (arguments.length == 1) return $(Selector.handlers.nextElementSibling(element));
|
1764 |
+
var nextSiblings = element.nextSiblings();
|
1765 |
+
return Object.isNumber(expression) ? nextSiblings[expression] :
|
1766 |
+
Selector.findElement(nextSiblings, expression, index);
|
1767 |
+
},
|
1768 |
+
|
1769 |
+
select: function() {
|
1770 |
+
var args = $A(arguments), element = $(args.shift());
|
1771 |
+
return Selector.findChildElements(element, args);
|
1772 |
+
},
|
1773 |
+
|
1774 |
+
adjacent: function() {
|
1775 |
+
var args = $A(arguments), element = $(args.shift());
|
1776 |
+
return Selector.findChildElements(element.parentNode, args).without(element);
|
1777 |
+
},
|
1778 |
+
|
1779 |
+
identify: function(element) {
|
1780 |
+
element = $(element);
|
1781 |
+
var id = element.readAttribute('id'), self = arguments.callee;
|
1782 |
+
if (id) return id;
|
1783 |
+
do { id = 'anonymous_element_' + self.counter++ } while ($(id));
|
1784 |
+
element.writeAttribute('id', id);
|
1785 |
+
return id;
|
1786 |
+
},
|
1787 |
+
|
1788 |
+
readAttribute: function(element, name) {
|
1789 |
+
element = $(element);
|
1790 |
+
if (Prototype.Browser.IE) {
|
1791 |
+
var t = Element._attributeTranslations.read;
|
1792 |
+
if (t.values[name]) return t.values[name](element, name);
|
1793 |
+
if (t.names[name]) name = t.names[name];
|
1794 |
+
if (name.include(':')) {
|
1795 |
+
return (!element.attributes || !element.attributes[name]) ? null :
|
1796 |
+
element.attributes[name].value;
|
1797 |
+
}
|
1798 |
+
}
|
1799 |
+
return element.getAttribute(name);
|
1800 |
+
},
|
1801 |
+
|
1802 |
+
writeAttribute: function(element, name, value) {
|
1803 |
+
element = $(element);
|
1804 |
+
var attributes = { }, t = Element._attributeTranslations.write;
|
1805 |
+
|
1806 |
+
if (typeof name == 'object') attributes = name;
|
1807 |
+
else attributes[name] = Object.isUndefined(value) ? true : value;
|
1808 |
+
|
1809 |
+
for (var attr in attributes) {
|
1810 |
+
name = t.names[attr] || attr;
|
1811 |
+
value = attributes[attr];
|
1812 |
+
if (t.values[attr]) name = t.values[attr](element, value);
|
1813 |
+
if (value === false || value === null)
|
1814 |
+
element.removeAttribute(name);
|
1815 |
+
else if (value === true)
|
1816 |
+
element.setAttribute(name, name);
|
1817 |
+
else element.setAttribute(name, value);
|
1818 |
+
}
|
1819 |
+
return element;
|
1820 |
+
},
|
1821 |
+
|
1822 |
+
getHeight: function(element) {
|
1823 |
+
return $(element).getDimensions().height;
|
1824 |
+
},
|
1825 |
+
|
1826 |
+
getWidth: function(element) {
|
1827 |
+
return $(element).getDimensions().width;
|
1828 |
+
},
|
1829 |
+
|
1830 |
+
classNames: function(element) {
|
1831 |
+
return new Element.ClassNames(element);
|
1832 |
+
},
|
1833 |
+
|
1834 |
+
hasClassName: function(element, className) {
|
1835 |
+
if (!(element = $(element))) return;
|
1836 |
+
var elementClassName = element.className;
|
1837 |
+
return (elementClassName.length > 0 && (elementClassName == className ||
|
1838 |
+
new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName)));
|
1839 |
+
},
|
1840 |
+
|
1841 |
+
addClassName: function(element, className) {
|
1842 |
+
if (!(element = $(element))) return;
|
1843 |
+
if (!element.hasClassName(className))
|
1844 |
+
element.className += (element.className ? ' ' : '') + className;
|
1845 |
+
return element;
|
1846 |
+
},
|
1847 |
+
|
1848 |
+
removeClassName: function(element, className) {
|
1849 |
+
if (!(element = $(element))) return;
|
1850 |
+
element.className = element.className.replace(
|
1851 |
+
new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip();
|
1852 |
+
return element;
|
1853 |
+
},
|
1854 |
+
|
1855 |
+
toggleClassName: function(element, className) {
|
1856 |
+
if (!(element = $(element))) return;
|
1857 |
+
return element[element.hasClassName(className) ?
|
1858 |
+
'removeClassName' : 'addClassName'](className);
|
1859 |
+
},
|
1860 |
+
|
1861 |
+
// removes whitespace-only text node children
|
1862 |
+
cleanWhitespace: function(element) {
|
1863 |
+
element = $(element);
|
1864 |
+
var node = element.firstChild;
|
1865 |
+
while (node) {
|
1866 |
+
var nextNode = node.nextSibling;
|
1867 |
+
if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
|
1868 |
+
element.removeChild(node);
|
1869 |
+
node = nextNode;
|
1870 |
+
}
|
1871 |
+
return element;
|
1872 |
+
},
|
1873 |
+
|
1874 |
+
empty: function(element) {
|
1875 |
+
return $(element).innerHTML.blank();
|
1876 |
+
},
|
1877 |
+
|
1878 |
+
descendantOf: function(element, ancestor) {
|
1879 |
+
element = $(element), ancestor = $(ancestor);
|
1880 |
+
|
1881 |
+
if (element.compareDocumentPosition)
|
1882 |
+
return (element.compareDocumentPosition(ancestor) & 8) === 8;
|
1883 |
+
|
1884 |
+
if (ancestor.contains)
|
1885 |
+
return ancestor.contains(element) && ancestor !== element;
|
1886 |
+
|
1887 |
+
while (element = element.parentNode)
|
1888 |
+
if (element == ancestor) return true;
|
1889 |
+
|
1890 |
+
return false;
|
1891 |
+
},
|
1892 |
+
|
1893 |
+
scrollTo: function(element) {
|
1894 |
+
element = $(element);
|
1895 |
+
var pos = element.cumulativeOffset();
|
1896 |
+
window.scrollTo(pos[0], pos[1]);
|
1897 |
+
return element;
|
1898 |
+
},
|
1899 |
+
|
1900 |
+
getStyle: function(element, style) {
|
1901 |
+
element = $(element);
|
1902 |
+
style = style == 'float' ? 'cssFloat' : style.camelize();
|
1903 |
+
var value = element.style[style];
|
1904 |
+
if (!value || value == 'auto') {
|
1905 |
+
var css = document.defaultView.getComputedStyle(element, null);
|
1906 |
+
value = css ? css[style] : null;
|
1907 |
+
}
|
1908 |
+
if (style == 'opacity') return value ? parseFloat(value) : 1.0;
|
1909 |
+
return value == 'auto' ? null : value;
|
1910 |
+
},
|
1911 |
+
|
1912 |
+
getOpacity: function(element) {
|
1913 |
+
return $(element).getStyle('opacity');
|
1914 |
+
},
|
1915 |
+
|
1916 |
+
setStyle: function(element, styles) {
|
1917 |
+
element = $(element);
|
1918 |
+
var elementStyle = element.style, match;
|
1919 |
+
if (Object.isString(styles)) {
|
1920 |
+
element.style.cssText += ';' + styles;
|
1921 |
+
return styles.include('opacity') ?
|
1922 |
+
element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element;
|
1923 |
+
}
|
1924 |
+
for (var property in styles)
|
1925 |
+
if (property == 'opacity') element.setOpacity(styles[property]);
|
1926 |
+
else
|
1927 |
+
elementStyle[(property == 'float' || property == 'cssFloat') ?
|
1928 |
+
(Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') :
|
1929 |
+
property] = styles[property];
|
1930 |
+
|
1931 |
+
return element;
|
1932 |
+
},
|
1933 |
+
|
1934 |
+
setOpacity: function(element, value) {
|
1935 |
+
element = $(element);
|
1936 |
+
element.style.opacity = (value == 1 || value === '') ? '' :
|
1937 |
+
(value < 0.00001) ? 0 : value;
|
1938 |
+
return element;
|
1939 |
+
},
|
1940 |
+
|
1941 |
+
getDimensions: function(element) {
|
1942 |
+
element = $(element);
|
1943 |
+
var display = element.getStyle('display');
|
1944 |
+
if (display != 'none' && display != null) // Safari bug
|
1945 |
+
return {width: element.offsetWidth, height: element.offsetHeight};
|
1946 |
+
|
1947 |
+
// All *Width and *Height properties give 0 on elements with display none,
|
1948 |
+
// so enable the element temporarily
|
1949 |
+
var els = element.style;
|
1950 |
+
var originalVisibility = els.visibility;
|
1951 |
+
var originalPosition = els.position;
|
1952 |
+
var originalDisplay = els.display;
|
1953 |
+
els.visibility = 'hidden';
|
1954 |
+
els.position = 'absolute';
|
1955 |
+
els.display = 'block';
|
1956 |
+
var originalWidth = element.clientWidth;
|
1957 |
+
var originalHeight = element.clientHeight;
|
1958 |
+
els.display = originalDisplay;
|
1959 |
+
els.position = originalPosition;
|
1960 |
+
els.visibility = originalVisibility;
|
1961 |
+
return {width: originalWidth, height: originalHeight};
|
1962 |
+
},
|
1963 |
+
|
1964 |
+
makePositioned: function(element) {
|
1965 |
+
element = $(element);
|
1966 |
+
var pos = Element.getStyle(element, 'position');
|
1967 |
+
if (pos == 'static' || !pos) {
|
1968 |
+
element._madePositioned = true;
|
1969 |
+
element.style.position = 'relative';
|
1970 |
+
// Opera returns the offset relative to the positioning context, when an
|
1971 |
+
// element is position relative but top and left have not been defined
|
1972 |
+
if (Prototype.Browser.Opera) {
|
1973 |
+
element.style.top = 0;
|
1974 |
+
element.style.left = 0;
|
1975 |
+
}
|
1976 |
+
}
|
1977 |
+
return element;
|
1978 |
+
},
|
1979 |
+
|
1980 |
+
undoPositioned: function(element) {
|
1981 |
+
element = $(element);
|
1982 |
+
if (element._madePositioned) {
|
1983 |
+
element._madePositioned = undefined;
|
1984 |
+
element.style.position =
|
1985 |
+
element.style.top =
|
1986 |
+
element.style.left =
|
1987 |
+
element.style.bottom =
|
1988 |
+
element.style.right = '';
|
1989 |
+
}
|
1990 |
+
return element;
|
1991 |
+
},
|
1992 |
+
|
1993 |
+
makeClipping: function(element) {
|
1994 |
+
element = $(element);
|
1995 |
+
if (element._overflow) return element;
|
1996 |
+
element._overflow = Element.getStyle(element, 'overflow') || 'auto';
|
1997 |
+
if (element._overflow !== 'hidden')
|
1998 |
+
element.style.overflow = 'hidden';
|
1999 |
+
return element;
|
2000 |
+
},
|
2001 |
+
|
2002 |
+
undoClipping: function(element) {
|
2003 |
+
element = $(element);
|
2004 |
+
if (!element._overflow) return element;
|
2005 |
+
element.style.overflow = element._overflow == 'auto' ? '' : element._overflow;
|
2006 |
+
element._overflow = null;
|
2007 |
+
return element;
|
2008 |
+
},
|
2009 |
+
|
2010 |
+
cumulativeOffset: function(element) {
|
2011 |
+
var valueT = 0, valueL = 0;
|
2012 |
+
do {
|
2013 |
+
valueT += element.offsetTop || 0;
|
2014 |
+
valueL += element.offsetLeft || 0;
|
2015 |
+
element = element.offsetParent;
|
2016 |
+
} while (element);
|
2017 |
+
return Element._returnOffset(valueL, valueT);
|
2018 |
+
},
|
2019 |
+
|
2020 |
+
positionedOffset: function(element) {
|
2021 |
+
var valueT = 0, valueL = 0;
|
2022 |
+
do {
|
2023 |
+
valueT += element.offsetTop || 0;
|
2024 |
+
valueL += element.offsetLeft || 0;
|
2025 |
+
element = element.offsetParent;
|
2026 |
+
if (element) {
|
2027 |
+
if (element.tagName.toUpperCase() == 'BODY') break;
|
2028 |
+
var p = Element.getStyle(element, 'position');
|
2029 |
+
if (p !== 'static') break;
|
2030 |
+
}
|
2031 |
+
} while (element);
|
2032 |
+
return Element._returnOffset(valueL, valueT);
|
2033 |
+
},
|
2034 |
+
|
2035 |
+
absolutize: function(element) {
|
2036 |
+
element = $(element);
|
2037 |
+
if (element.getStyle('position') == 'absolute') return element;
|
2038 |
+
// Position.prepare(); // To be done manually by Scripty when it needs it.
|
2039 |
+
|
2040 |
+
var offsets = element.positionedOffset();
|
2041 |
+
var top = offsets[1];
|
2042 |
+
var left = offsets[0];
|
2043 |
+
var width = element.clientWidth;
|
2044 |
+
var height = element.clientHeight;
|
2045 |
+
|
2046 |
+
element._originalLeft = left - parseFloat(element.style.left || 0);
|
2047 |
+
element._originalTop = top - parseFloat(element.style.top || 0);
|
2048 |
+
element._originalWidth = element.style.width;
|
2049 |
+
element._originalHeight = element.style.height;
|
2050 |
+
|
2051 |
+
element.style.position = 'absolute';
|
2052 |
+
element.style.top = top + 'px';
|
2053 |
+
element.style.left = left + 'px';
|
2054 |
+
element.style.width = width + 'px';
|
2055 |
+
element.style.height = height + 'px';
|
2056 |
+
return element;
|
2057 |
+
},
|
2058 |
+
|
2059 |
+
relativize: function(element) {
|
2060 |
+
element = $(element);
|
2061 |
+
if (element.getStyle('position') == 'relative') return element;
|
2062 |
+
// Position.prepare(); // To be done manually by Scripty when it needs it.
|
2063 |
+
|
2064 |
+
element.style.position = 'relative';
|
2065 |
+
var top = parseFloat(element.style.top || 0) - (element._originalTop || 0);
|
2066 |
+
var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0);
|
2067 |
+
|
2068 |
+
element.style.top = top + 'px';
|
2069 |
+
element.style.left = left + 'px';
|
2070 |
+
element.style.height = element._originalHeight;
|
2071 |
+
element.style.width = element._originalWidth;
|
2072 |
+
return element;
|
2073 |
+
},
|
2074 |
+
|
2075 |
+
cumulativeScrollOffset: function(element) {
|
2076 |
+
var valueT = 0, valueL = 0;
|
2077 |
+
do {
|
2078 |
+
valueT += element.scrollTop || 0;
|
2079 |
+
valueL += element.scrollLeft || 0;
|
2080 |
+
element = element.parentNode;
|
2081 |
+
} while (element);
|
2082 |
+
return Element._returnOffset(valueL, valueT);
|
2083 |
+
},
|
2084 |
+
|
2085 |
+
getOffsetParent: function(element) {
|
2086 |
+
if (element.offsetParent) return $(element.offsetParent);
|
2087 |
+
if (element == document.body) return $(element);
|
2088 |
+
if(element.tagName.toUpperCase()=='HTML') //for IE6,7
|
2089 |
+
return $(document.body); //
|
2090 |
+
|
2091 |
+
while ((element = element.parentNode) && element != document.body)
|
2092 |
+
if (Element.getStyle(element, 'position') != 'static')
|
2093 |
+
return $(element);
|
2094 |
+
|
2095 |
+
return $(document.body);
|
2096 |
+
},
|
2097 |
+
|
2098 |
+
viewportOffset: function(forElement) {
|
2099 |
+
var valueT = 0, valueL = 0;
|
2100 |
+
|
2101 |
+
var element = forElement;
|
2102 |
+
do {
|
2103 |
+
valueT += element.offsetTop || 0;
|
2104 |
+
valueL += element.offsetLeft || 0;
|
2105 |
+
|
2106 |
+
// Safari fix
|
2107 |
+
if (element.offsetParent == document.body &&
|
2108 |
+
Element.getStyle(element, 'position') == 'absolute') break;
|
2109 |
+
|
2110 |
+
} while (element = element.offsetParent);
|
2111 |
+
|
2112 |
+
element = forElement;
|
2113 |
+
do {
|
2114 |
+
if (!Prototype.Browser.Opera || (element.tagName && (element.tagName.toUpperCase() == 'BODY'))) {
|
2115 |
+
valueT -= element.scrollTop || 0;
|
2116 |
+
valueL -= element.scrollLeft || 0;
|
2117 |
+
}
|
2118 |
+
} while (element = element.parentNode);
|
2119 |
+
|
2120 |
+
return Element._returnOffset(valueL, valueT);
|
2121 |
+
},
|
2122 |
+
|
2123 |
+
clonePosition: function(element, source) {
|
2124 |
+
var options = Object.extend({
|
2125 |
+
setLeft: true,
|
2126 |
+
setTop: true,
|
2127 |
+
setWidth: true,
|
2128 |
+
setHeight: true,
|
2129 |
+
offsetTop: 0,
|
2130 |
+
offsetLeft: 0
|
2131 |
+
}, arguments[2] || { });
|
2132 |
+
|
2133 |
+
// find page position of source
|
2134 |
+
source = $(source);
|
2135 |
+
var p = source.viewportOffset();
|
2136 |
+
|
2137 |
+
// find coordinate system to use
|
2138 |
+
element = $(element);
|
2139 |
+
var delta = [0, 0];
|
2140 |
+
var parent = null;
|
2141 |
+
// delta [0,0] will do fine with position: fixed elements,
|
2142 |
+
// position:absolute needs offsetParent deltas
|
2143 |
+
if (Element.getStyle(element, 'position') == 'absolute') {
|
2144 |
+
parent = element.getOffsetParent();
|
2145 |
+
delta = parent.viewportOffset();
|
2146 |
+
}
|
2147 |
+
|
2148 |
+
// correct by body offsets (fixes Safari)
|
2149 |
+
if (parent == document.body) {
|
2150 |
+
delta[0] -= document.body.offsetLeft;
|
2151 |
+
delta[1] -= document.body.offsetTop;
|
2152 |
+
}
|
2153 |
+
|
2154 |
+
// set position
|
2155 |
+
if (options.setLeft) element.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px';
|
2156 |
+
if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px';
|
2157 |
+
if (options.setWidth) element.style.width = source.offsetWidth + 'px';
|
2158 |
+
if (options.setHeight) element.style.height = source.offsetHeight + 'px';
|
2159 |
+
return element;
|
2160 |
+
}
|
2161 |
+
};
|
2162 |
+
|
2163 |
+
Element.Methods.identify.counter = 1;
|
2164 |
+
|
2165 |
+
Object.extend(Element.Methods, {
|
2166 |
+
getElementsBySelector: Element.Methods.select,
|
2167 |
+
childElements: Element.Methods.immediateDescendants
|
2168 |
+
});
|
2169 |
+
|
2170 |
+
Element._attributeTranslations = {
|
2171 |
+
write: {
|
2172 |
+
names: {
|
2173 |
+
className: 'class',
|
2174 |
+
htmlFor: 'for'
|
2175 |
+
},
|
2176 |
+
values: { }
|
2177 |
+
}
|
2178 |
+
};
|
2179 |
+
|
2180 |
+
if (Prototype.Browser.Opera) {
|
2181 |
+
Element.Methods.getStyle = Element.Methods.getStyle.wrap(
|
2182 |
+
function(proceed, element, style) {
|
2183 |
+
switch (style) {
|
2184 |
+
case 'left': case 'top': case 'right': case 'bottom':
|
2185 |
+
if (proceed(element, 'position') === 'static') return null;
|
2186 |
+
case 'height': case 'width':
|
2187 |
+
// returns '0px' for hidden elements; we want it to return null
|
2188 |
+
if (!Element.visible(element)) return null;
|
2189 |
+
|
2190 |
+
// returns the border-box dimensions rather than the content-box
|
2191 |
+
// dimensions, so we subtract padding and borders from the value
|
2192 |
+
var dim = parseInt(proceed(element, style), 10);
|
2193 |
+
|
2194 |
+
if (dim !== element['offset' + style.capitalize()])
|
2195 |
+
return dim + 'px';
|
2196 |
+
|
2197 |
+
var properties;
|
2198 |
+
if (style === 'height') {
|
2199 |
+
properties = ['border-top-width', 'padding-top',
|
2200 |
+
'padding-bottom', 'border-bottom-width'];
|
2201 |
+
}
|
2202 |
+
else {
|
2203 |
+
properties = ['border-left-width', 'padding-left',
|
2204 |
+
'padding-right', 'border-right-width'];
|
2205 |
+
}
|
2206 |
+
return properties.inject(dim, function(memo, property) {
|
2207 |
+
var val = proceed(element, property);
|
2208 |
+
return val === null ? memo : memo - parseInt(val, 10);
|
2209 |
+
}) + 'px';
|
2210 |
+
default: return proceed(element, style);
|
2211 |
+
}
|
2212 |
+
}
|
2213 |
+
);
|
2214 |
+
|
2215 |
+
Element.Methods.readAttribute = Element.Methods.readAttribute.wrap(
|
2216 |
+
function(proceed, element, attribute) {
|
2217 |
+
if (attribute === 'title') return element.title;
|
2218 |
+
return proceed(element, attribute);
|
2219 |
+
}
|
2220 |
+
);
|
2221 |
+
}
|
2222 |
+
|
2223 |
+
else if (Prototype.Browser.IE) {
|
2224 |
+
// IE doesn't report offsets correctly for static elements, so we change them
|
2225 |
+
// to "relative" to get the values, then change them back.
|
2226 |
+
Element.Methods.getOffsetParent = Element.Methods.getOffsetParent.wrap(
|
2227 |
+
function(proceed, element) {
|
2228 |
+
element = $(element);
|
2229 |
+
// IE throws an error if element is not in document
|
2230 |
+
try { element.offsetParent }
|
2231 |
+
catch(e) { return $(document.body) }
|
2232 |
+
var position = element.getStyle('position');
|
2233 |
+
if (position !== 'static') return proceed(element);
|
2234 |
+
element.setStyle({ position: 'relative' });
|
2235 |
+
var value = proceed(element);
|
2236 |
+
element.setStyle({ position: position });
|
2237 |
+
return value;
|
2238 |
+
}
|
2239 |
+
);
|
2240 |
+
|
2241 |
+
$w('positionedOffset viewportOffset').each(function(method) {
|
2242 |
+
Element.Methods[method] = Element.Methods[method].wrap(
|
2243 |
+
function(proceed, element) {
|
2244 |
+
element = $(element);
|
2245 |
+
try { element.offsetParent }
|
2246 |
+
catch(e) { return Element._returnOffset(0,0) }
|
2247 |
+
var position = element.getStyle('position');
|
2248 |
+
if (position !== 'static') return proceed(element);
|
2249 |
+
// Trigger hasLayout on the offset parent so that IE6 reports
|
2250 |
+
// accurate offsetTop and offsetLeft values for position: fixed.
|
2251 |
+
var offsetParent = element.getOffsetParent();
|
2252 |
+
if (offsetParent && offsetParent.getStyle('position') === 'fixed')
|
2253 |
+
offsetParent.setStyle({ zoom: 1 });
|
2254 |
+
element.setStyle({ position: 'relative' });
|
2255 |
+
var value = proceed(element);
|
2256 |
+
element.setStyle({ position: position });
|
2257 |
+
return value;
|
2258 |
+
}
|
2259 |
+
);
|
2260 |
+
});
|
2261 |
+
|
2262 |
+
Element.Methods.cumulativeOffset = Element.Methods.cumulativeOffset.wrap(
|
2263 |
+
function(proceed, element) {
|
2264 |
+
try { element.offsetParent }
|
2265 |
+
catch(e) { return Element._returnOffset(0,0) }
|
2266 |
+
return proceed(element);
|
2267 |
+
}
|
2268 |
+
);
|
2269 |
+
|
2270 |
+
Element.Methods.getStyle = function(element, style) {
|
2271 |
+
element = $(element);
|
2272 |
+
style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize();
|
2273 |
+
var value = element.style[style];
|
2274 |
+
if (!value && element.currentStyle) value = element.currentStyle[style];
|
2275 |
+
|
2276 |
+
if (style == 'opacity') {
|
2277 |
+
if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/))
|
2278 |
+
if (value[1]) return parseFloat(value[1]) / 100;
|
2279 |
+
return 1.0;
|
2280 |
+
}
|
2281 |
+
|
2282 |
+
if (value == 'auto') {
|
2283 |
+
if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none'))
|
2284 |
+
return element['offset' + style.capitalize()] + 'px';
|
2285 |
+
return null;
|
2286 |
+
}
|
2287 |
+
return value;
|
2288 |
+
};
|
2289 |
+
|
2290 |
+
Element.Methods.setOpacity = function(element, value) {
|
2291 |
+
function stripAlpha(filter){
|
2292 |
+
return filter.replace(/alpha\([^\)]*\)/gi,'');
|
2293 |
+
}
|
2294 |
+
element = $(element);
|
2295 |
+
var currentStyle = element.currentStyle;
|
2296 |
+
if ((currentStyle && !currentStyle.hasLayout) ||
|
2297 |
+
(!currentStyle && element.style.zoom == 'normal'))
|
2298 |
+
element.style.zoom = 1;
|
2299 |
+
|
2300 |
+
var filter = element.getStyle('filter'), style = element.style;
|
2301 |
+
if (value == 1 || value === '') {
|
2302 |
+
(filter = stripAlpha(filter)) ?
|
2303 |
+
style.filter = filter : style.removeAttribute('filter');
|
2304 |
+
return element;
|
2305 |
+
} else if (value < 0.00001) value = 0;
|
2306 |
+
style.filter = stripAlpha(filter) +
|
2307 |
+
'alpha(opacity=' + (value * 100) + ')';
|
2308 |
+
return element;
|
2309 |
+
};
|
2310 |
+
|
2311 |
+
Element._attributeTranslations = {
|
2312 |
+
read: {
|
2313 |
+
names: {
|
2314 |
+
'class': 'className',
|
2315 |
+
'for': 'htmlFor'
|
2316 |
+
},
|
2317 |
+
values: {
|
2318 |
+
_getAttr: function(element, attribute) {
|
2319 |
+
return element.getAttribute(attribute, 2);
|
2320 |
+
},
|
2321 |
+
_getAttrNode: function(element, attribute) {
|
2322 |
+
var node = element.getAttributeNode(attribute);
|
2323 |
+
return node ? node.value : "";
|
2324 |
+
},
|
2325 |
+
_getEv: function(element, attribute) {
|
2326 |
+
attribute = element.getAttribute(attribute);
|
2327 |
+
return attribute ? attribute.toString().slice(23, -2) : null;
|
2328 |
+
},
|
2329 |
+
_flag: function(element, attribute) {
|
2330 |
+
return $(element).hasAttribute(attribute) ? attribute : null;
|
2331 |
+
},
|
2332 |
+
style: function(element) {
|
2333 |
+
return element.style.cssText.toLowerCase();
|
2334 |
+
},
|
2335 |
+
title: function(element) {
|
2336 |
+
return element.title;
|
2337 |
+
}
|
2338 |
+
}
|
2339 |
+
}
|
2340 |
+
};
|
2341 |
+
|
2342 |
+
Element._attributeTranslations.write = {
|
2343 |
+
names: Object.extend({
|
2344 |
+
cellpadding: 'cellPadding',
|
2345 |
+
cellspacing: 'cellSpacing'
|
2346 |
+
}, Element._attributeTranslations.read.names),
|
2347 |
+
values: {
|
2348 |
+
checked: function(element, value) {
|
2349 |
+
element.checked = !!value;
|
2350 |
+
},
|
2351 |
+
|
2352 |
+
style: function(element, value) {
|
2353 |
+
element.style.cssText = value ? value : '';
|
2354 |
+
}
|
2355 |
+
}
|
2356 |
+
};
|
2357 |
+
|
2358 |
+
Element._attributeTranslations.has = {};
|
2359 |
+
|
2360 |
+
$w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' +
|
2361 |
+
'encType maxLength readOnly longDesc frameBorder').each(function(attr) {
|
2362 |
+
Element._attributeTranslations.write.names[attr.toLowerCase()] = attr;
|
2363 |
+
Element._attributeTranslations.has[attr.toLowerCase()] = attr;
|
2364 |
+
});
|
2365 |
+
|
2366 |
+
(function(v) {
|
2367 |
+
Object.extend(v, {
|
2368 |
+
href: v._getAttr,
|
2369 |
+
src: v._getAttr,
|
2370 |
+
type: v._getAttr,
|
2371 |
+
action: v._getAttrNode,
|
2372 |
+
disabled: v._flag,
|
2373 |
+
checked: v._flag,
|
2374 |
+
readonly: v._flag,
|
2375 |
+
multiple: v._flag,
|
2376 |
+
onload: v._getEv,
|
2377 |
+
onunload: v._getEv,
|
2378 |
+
onclick: v._getEv,
|
2379 |
+
ondblclick: v._getEv,
|
2380 |
+
onmousedown: v._getEv,
|
2381 |
+
onmouseup: v._getEv,
|
2382 |
+
onmouseover: v._getEv,
|
2383 |
+
onmousemove: v._getEv,
|
2384 |
+
onmouseout: v._getEv,
|
2385 |
+
onfocus: v._getEv,
|
2386 |
+
onblur: v._getEv,
|
2387 |
+
onkeypress: v._getEv,
|
2388 |
+
onkeydown: v._getEv,
|
2389 |
+
onkeyup: v._getEv,
|
2390 |
+
onsubmit: v._getEv,
|
2391 |
+
onreset: v._getEv,
|
2392 |
+
onselect: v._getEv,
|
2393 |
+
onchange: v._getEv
|
2394 |
+
});
|
2395 |
+
})(Element._attributeTranslations.read.values);
|
2396 |
+
}
|
2397 |
+
|
2398 |
+
else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) {
|
2399 |
+
Element.Methods.setOpacity = function(element, value) {
|
2400 |
+
element = $(element);
|
2401 |
+
element.style.opacity = (value == 1) ? 0.999999 :
|
2402 |
+
(value === '') ? '' : (value < 0.00001) ? 0 : value;
|
2403 |
+
return element;
|
2404 |
+
};
|
2405 |
+
}
|
2406 |
+
|
2407 |
+
else if (Prototype.Browser.WebKit) {
|
2408 |
+
Element.Methods.setOpacity = function(element, value) {
|
2409 |
+
element = $(element);
|
2410 |
+
element.style.opacity = (value == 1 || value === '') ? '' :
|
2411 |
+
(value < 0.00001) ? 0 : value;
|
2412 |
+
|
2413 |
+
if (value == 1)
|
2414 |
+
if(element.tagName.toUpperCase() == 'IMG' && element.width) {
|
2415 |
+
element.width++; element.width--;
|
2416 |
+
} else try {
|
2417 |
+
var n = document.createTextNode(' ');
|
2418 |
+
element.appendChild(n);
|
2419 |
+
element.removeChild(n);
|
2420 |
+
} catch (e) { }
|
2421 |
+
|
2422 |
+
return element;
|
2423 |
+
};
|
2424 |
+
|
2425 |
+
// Safari returns margins on body which is incorrect if the child is absolutely
|
2426 |
+
// positioned. For performance reasons, redefine Element#cumulativeOffset for
|
2427 |
+
// KHTML/WebKit only.
|
2428 |
+
Element.Methods.cumulativeOffset = function(element) {
|
2429 |
+
var valueT = 0, valueL = 0;
|
2430 |
+
do {
|
2431 |
+
valueT += element.offsetTop || 0;
|
2432 |
+
valueL += element.offsetLeft || 0;
|
2433 |
+
if (element.offsetParent == document.body)
|
2434 |
+
if (Element.getStyle(element, 'position') == 'absolute') break;
|
2435 |
+
|
2436 |
+
element = element.offsetParent;
|
2437 |
+
} while (element);
|
2438 |
+
|
2439 |
+
return Element._returnOffset(valueL, valueT);
|
2440 |
+
};
|
2441 |
+
}
|
2442 |
+
|
2443 |
+
if (Prototype.Browser.IE || Prototype.Browser.Opera) {
|
2444 |
+
// IE and Opera are missing .innerHTML support for TABLE-related and SELECT elements
|
2445 |
+
Element.Methods.update = function(element, content) {
|
2446 |
+
element = $(element);
|
2447 |
+
|
2448 |
+
if (content && content.toElement) content = content.toElement();
|
2449 |
+
if (Object.isElement(content)) return element.update().insert(content);
|
2450 |
+
|
2451 |
+
content = Object.toHTML(content);
|
2452 |
+
var tagName = element.tagName.toUpperCase();
|
2453 |
+
|
2454 |
+
if (tagName in Element._insertionTranslations.tags) {
|
2455 |
+
$A(element.childNodes).each(function(node) { element.removeChild(node) });
|
2456 |
+
Element._getContentFromAnonymousElement(tagName, content.stripScripts())
|
2457 |
+
.each(function(node) { element.appendChild(node) });
|
2458 |
+
}
|
2459 |
+
else element.innerHTML = content.stripScripts();
|
2460 |
+
|
2461 |
+
content.evalScripts.bind(content).defer();
|
2462 |
+
return element;
|
2463 |
+
};
|
2464 |
+
}
|
2465 |
+
|
2466 |
+
if ('outerHTML' in document.createElement('div')) {
|
2467 |
+
Element.Methods.replace = function(element, content) {
|
2468 |
+
element = $(element);
|
2469 |
+
|
2470 |
+
if (content && content.toElement) content = content.toElement();
|
2471 |
+
if (Object.isElement(content)) {
|
2472 |
+
element.parentNode.replaceChild(content, element);
|
2473 |
+
return element;
|
2474 |
+
}
|
2475 |
+
|
2476 |
+
content = Object.toHTML(content);
|
2477 |
+
var parent = element.parentNode, tagName = parent.tagName.toUpperCase();
|
2478 |
+
|
2479 |
+
if (Element._insertionTranslations.tags[tagName]) {
|
2480 |
+
var nextSibling = element.next();
|
2481 |
+
var fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
|
2482 |
+
parent.removeChild(element);
|
2483 |
+
if (nextSibling)
|
2484 |
+
fragments.each(function(node) { parent.insertBefore(node, nextSibling) });
|
2485 |
+
else
|
2486 |
+
fragments.each(function(node) { parent.appendChild(node) });
|
2487 |
+
}
|
2488 |
+
else element.outerHTML = content.stripScripts();
|
2489 |
+
|
2490 |
+
content.evalScripts.bind(content).defer();
|
2491 |
+
return element;
|
2492 |
+
};
|
2493 |
+
}
|
2494 |
+
|
2495 |
+
Element._returnOffset = function(l, t) {
|
2496 |
+
var result = [l, t];
|
2497 |
+
result.left = l;
|
2498 |
+
result.top = t;
|
2499 |
+
return result;
|
2500 |
+
};
|
2501 |
+
|
2502 |
+
Element._getContentFromAnonymousElement = function(tagName, html) {
|
2503 |
+
var div = new Element('div'), t = Element._insertionTranslations.tags[tagName];
|
2504 |
+
if (t) {
|
2505 |
+
div.innerHTML = t[0] + html + t[1];
|
2506 |
+
t[2].times(function() { div = div.firstChild });
|
2507 |
+
} else div.innerHTML = html;
|
2508 |
+
return $A(div.childNodes);
|
2509 |
+
};
|
2510 |
+
|
2511 |
+
Element._insertionTranslations = {
|
2512 |
+
before: function(element, node) {
|
2513 |
+
element.parentNode.insertBefore(node, element);
|
2514 |
+
},
|
2515 |
+
top: function(element, node) {
|
2516 |
+
element.insertBefore(node, element.firstChild);
|
2517 |
+
},
|
2518 |
+
bottom: function(element, node) {
|
2519 |
+
element.appendChild(node);
|
2520 |
+
},
|
2521 |
+
after: function(element, node) {
|
2522 |
+
element.parentNode.insertBefore(node, element.nextSibling);
|
2523 |
+
},
|
2524 |
+
tags: {
|
2525 |
+
TABLE: ['<table>', '</table>', 1],
|
2526 |
+
TBODY: ['<table><tbody>', '</tbody></table>', 2],
|
2527 |
+
TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3],
|
2528 |
+
TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4],
|
2529 |
+
SELECT: ['<select>', '</select>', 1]
|
2530 |
+
}
|
2531 |
+
};
|
2532 |
+
|
2533 |
+
(function() {
|
2534 |
+
Object.extend(this.tags, {
|
2535 |
+
THEAD: this.tags.TBODY,
|
2536 |
+
TFOOT: this.tags.TBODY,
|
2537 |
+
TH: this.tags.TD
|
2538 |
+
});
|
2539 |
+
}).call(Element._insertionTranslations);
|
2540 |
+
|
2541 |
+
Element.Methods.Simulated = {
|
2542 |
+
hasAttribute: function(element, attribute) {
|
2543 |
+
attribute = Element._attributeTranslations.has[attribute] || attribute;
|
2544 |
+
var node = $(element).getAttributeNode(attribute);
|
2545 |
+
return !!(node && node.specified);
|
2546 |
+
}
|
2547 |
+
};
|
2548 |
+
|
2549 |
+
Element.Methods.ByTag = { };
|
2550 |
+
|
2551 |
+
Object.extend(Element, Element.Methods);
|
2552 |
+
|
2553 |
+
if (!Prototype.BrowserFeatures.ElementExtensions &&
|
2554 |
+
document.createElement('div')['__proto__']) {
|
2555 |
+
window.HTMLElement = { };
|
2556 |
+
window.HTMLElement.prototype = document.createElement('div')['__proto__'];
|
2557 |
+
Prototype.BrowserFeatures.ElementExtensions = true;
|
2558 |
+
}
|
2559 |
+
|
2560 |
+
Element.extend = (function() {
|
2561 |
+
if (Prototype.BrowserFeatures.SpecificElementExtensions)
|
2562 |
+
return Prototype.K;
|
2563 |
+
|
2564 |
+
var Methods = { }, ByTag = Element.Methods.ByTag;
|
2565 |
+
|
2566 |
+
var extend = Object.extend(function(element) {
|
2567 |
+
if (!element || element._extendedByPrototype ||
|
2568 |
+
element.nodeType != 1 || element == window) return element;
|
2569 |
+
|
2570 |
+
var methods = Object.clone(Methods),
|
2571 |
+
tagName = element.tagName.toUpperCase(), property, value;
|
2572 |
+
|
2573 |
+
// extend methods for specific tags
|
2574 |
+
if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]);
|
2575 |
+
|
2576 |
+
for (property in methods) {
|
2577 |
+
value = methods[property];
|
2578 |
+
if (Object.isFunction(value) && !(property in element))
|
2579 |
+
element[property] = value.methodize();
|
2580 |
+
}
|
2581 |
+
|
2582 |
+
element._extendedByPrototype = Prototype.emptyFunction;
|
2583 |
+
return element;
|
2584 |
+
|
2585 |
+
}, {
|
2586 |
+
refresh: function() {
|
2587 |
+
// extend methods for all tags (Safari doesn't need this)
|
2588 |
+
if (!Prototype.BrowserFeatures.ElementExtensions) {
|
2589 |
+
Object.extend(Methods, Element.Methods);
|
2590 |
+
Object.extend(Methods, Element.Methods.Simulated);
|
2591 |
+
}
|
2592 |
+
}
|
2593 |
+
});
|
2594 |
+
|
2595 |
+
extend.refresh();
|
2596 |
+
return extend;
|
2597 |
+
})();
|
2598 |
+
|
2599 |
+
Element.hasAttribute = function(element, attribute) {
|
2600 |
+
if (element.hasAttribute) return element.hasAttribute(attribute);
|
2601 |
+
return Element.Methods.Simulated.hasAttribute(element, attribute);
|
2602 |
+
};
|
2603 |
+
|
2604 |
+
Element.addMethods = function(methods) {
|
2605 |
+
var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag;
|
2606 |
+
|
2607 |
+
if (!methods) {
|
2608 |
+
Object.extend(Form, Form.Methods);
|
2609 |
+
Object.extend(Form.Element, Form.Element.Methods);
|
2610 |
+
Object.extend(Element.Methods.ByTag, {
|
2611 |
+
"FORM": Object.clone(Form.Methods),
|
2612 |
+
"INPUT": Object.clone(Form.Element.Methods),
|
2613 |
+
"SELECT": Object.clone(Form.Element.Methods),
|
2614 |
+
"TEXTAREA": Object.clone(Form.Element.Methods)
|
2615 |
+
});
|
2616 |
+
}
|
2617 |
+
|
2618 |
+
if (arguments.length == 2) {
|
2619 |
+
var tagName = methods;
|
2620 |
+
methods = arguments[1];
|
2621 |
+
}
|
2622 |
+
|
2623 |
+
if (!tagName) Object.extend(Element.Methods, methods || { });
|
2624 |
+
else {
|
2625 |
+
if (Object.isArray(tagName)) tagName.each(extend);
|
2626 |
+
else extend(tagName);
|
2627 |
+
}
|
2628 |
+
|
2629 |
+
function extend(tagName) {
|
2630 |
+
tagName = tagName.toUpperCase();
|
2631 |
+
if (!Element.Methods.ByTag[tagName])
|
2632 |
+
Element.Methods.ByTag[tagName] = { };
|
2633 |
+
Object.extend(Element.Methods.ByTag[tagName], methods);
|
2634 |
+
}
|
2635 |
+
|
2636 |
+
function copy(methods, destination, onlyIfAbsent) {
|
2637 |
+
onlyIfAbsent = onlyIfAbsent || false;
|
2638 |
+
for (var property in methods) {
|
2639 |
+
var value = methods[property];
|
2640 |
+
if (!Object.isFunction(value)) continue;
|
2641 |
+
if (!onlyIfAbsent || !(property in destination))
|
2642 |
+
destination[property] = value.methodize();
|
2643 |
+
}
|
2644 |
+
}
|
2645 |
+
|
2646 |
+
function findDOMClass(tagName) {
|
2647 |
+
var klass;
|
2648 |
+
var trans = {
|
2649 |
+
"OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph",
|
2650 |
+
"FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList",
|
2651 |
+
"DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading",
|
2652 |
+
"H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote",
|
2653 |
+
"INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION":
|
2654 |
+
"TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD":
|
2655 |
+
"TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR":
|
2656 |
+
"TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET":
|
2657 |
+
"FrameSet", "IFRAME": "IFrame"
|
2658 |
+
};
|
2659 |
+
if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element';
|
2660 |
+
if (window[klass]) return window[klass];
|
2661 |
+
klass = 'HTML' + tagName + 'Element';
|
2662 |
+
if (window[klass]) return window[klass];
|
2663 |
+
klass = 'HTML' + tagName.capitalize() + 'Element';
|
2664 |
+
if (window[klass]) return window[klass];
|
2665 |
+
|
2666 |
+
window[klass] = { };
|
2667 |
+
window[klass].prototype = document.createElement(tagName)['__proto__'];
|
2668 |
+
return window[klass];
|
2669 |
+
}
|
2670 |
+
|
2671 |
+
if (F.ElementExtensions) {
|
2672 |
+
copy(Element.Methods, HTMLElement.prototype);
|
2673 |
+
copy(Element.Methods.Simulated, HTMLElement.prototype, true);
|
2674 |
+
}
|
2675 |
+
|
2676 |
+
if (F.SpecificElementExtensions) {
|
2677 |
+
for (var tag in Element.Methods.ByTag) {
|
2678 |
+
var klass = findDOMClass(tag);
|
2679 |
+
if (Object.isUndefined(klass)) continue;
|
2680 |
+
copy(T[tag], klass.prototype);
|
2681 |
+
}
|
2682 |
+
}
|
2683 |
+
|
2684 |
+
Object.extend(Element, Element.Methods);
|
2685 |
+
delete Element.ByTag;
|
2686 |
+
|
2687 |
+
if (Element.extend.refresh) Element.extend.refresh();
|
2688 |
+
Element.cache = { };
|
2689 |
+
};
|
2690 |
+
|
2691 |
+
document.viewport = {
|
2692 |
+
getDimensions: function() {
|
2693 |
+
var dimensions = { }, B = Prototype.Browser;
|
2694 |
+
$w('width height').each(function(d) {
|
2695 |
+
var D = d.capitalize();
|
2696 |
+
if (B.WebKit && !document.evaluate) {
|
2697 |
+
// Safari <3.0 needs self.innerWidth/Height
|
2698 |
+
dimensions[d] = self['inner' + D];
|
2699 |
+
} else if (B.Opera && parseFloat(window.opera.version()) < 9.5) {
|
2700 |
+
// Opera <9.5 needs document.body.clientWidth/Height
|
2701 |
+
dimensions[d] = document.body['client' + D]
|
2702 |
+
} else {
|
2703 |
+
dimensions[d] = document.documentElement['client' + D];
|
2704 |
+
}
|
2705 |
+
});
|
2706 |
+
return dimensions;
|
2707 |
+
},
|
2708 |
+
|
2709 |
+
getWidth: function() {
|
2710 |
+
return this.getDimensions().width;
|
2711 |
+
},
|
2712 |
+
|
2713 |
+
getHeight: function() {
|
2714 |
+
return this.getDimensions().height;
|
2715 |
+
},
|
2716 |
+
|
2717 |
+
getScrollOffsets: function() {
|
2718 |
+
return Element._returnOffset(
|
2719 |
+
window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
|
2720 |
+
window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop);
|
2721 |
+
}
|
2722 |
+
};
|
2723 |
+
/* Portions of the Selector class are derived from Jack Slocum's DomQuery,
|
2724 |
+
* part of YUI-Ext version 0.40, distributed under the terms of an MIT-style
|
2725 |
+
* license. Please see http://www.yui-ext.com/ for more information. */
|
2726 |
+
|
2727 |
+
var Selector = Class.create({
|
2728 |
+
initialize: function(expression) {
|
2729 |
+
this.expression = expression.strip();
|
2730 |
+
|
2731 |
+
if (this.shouldUseSelectorsAPI()) {
|
2732 |
+
this.mode = 'selectorsAPI';
|
2733 |
+
} else if (this.shouldUseXPath()) {
|
2734 |
+
this.mode = 'xpath';
|
2735 |
+
this.compileXPathMatcher();
|
2736 |
+
} else {
|
2737 |
+
this.mode = "normal";
|
2738 |
+
this.compileMatcher();
|
2739 |
+
}
|
2740 |
+
|
2741 |
+
},
|
2742 |
+
|
2743 |
+
shouldUseXPath: function() {
|
2744 |
+
if (!Prototype.BrowserFeatures.XPath) return false;
|
2745 |
+
|
2746 |
+
var e = this.expression;
|
2747 |
+
|
2748 |
+
// Safari 3 chokes on :*-of-type and :empty
|
2749 |
+
if (Prototype.Browser.WebKit &&
|
2750 |
+
(e.include("-of-type") || e.include(":empty")))
|
2751 |
+
return false;
|
2752 |
+
|
2753 |
+
// XPath can't do namespaced attributes, nor can it read
|
2754 |
+
// the "checked" property from DOM nodes
|
2755 |
+
if ((/(\[[\w-]*?:|:checked)/).test(e))
|
2756 |
+
return false;
|
2757 |
+
|
2758 |
+
return true;
|
2759 |
+
},
|
2760 |
+
|
2761 |
+
shouldUseSelectorsAPI: function() {
|
2762 |
+
if (!Prototype.BrowserFeatures.SelectorsAPI) return false;
|
2763 |
+
|
2764 |
+
if (!Selector._div) Selector._div = new Element('div');
|
2765 |
+
|
2766 |
+
// Make sure the browser treats the selector as valid. Test on an
|
2767 |
+
// isolated element to minimize cost of this check.
|
2768 |
+
try {
|
2769 |
+
Selector._div.querySelector(this.expression);
|
2770 |
+
} catch(e) {
|
2771 |
+
return false;
|
2772 |
+
}
|
2773 |
+
|
2774 |
+
return true;
|
2775 |
+
},
|
2776 |
+
|
2777 |
+
compileMatcher: function() {
|
2778 |
+
var e = this.expression, ps = Selector.patterns, h = Selector.handlers,
|
2779 |
+
c = Selector.criteria, le, p, m;
|
2780 |
+
|
2781 |
+
if (Selector._cache[e]) {
|
2782 |
+
this.matcher = Selector._cache[e];
|
2783 |
+
return;
|
2784 |
+
}
|
2785 |
+
|
2786 |
+
this.matcher = ["this.matcher = function(root) {",
|
2787 |
+
"var r = root, h = Selector.handlers, c = false, n;"];
|
2788 |
+
|
2789 |
+
while (e && le != e && (/\S/).test(e)) {
|
2790 |
+
le = e;
|
2791 |
+
for (var i in ps) {
|
2792 |
+
p = ps[i];
|
2793 |
+
if (m = e.match(p)) {
|
2794 |
+
this.matcher.push(Object.isFunction(c[i]) ? c[i](m) :
|
2795 |
+
new Template(c[i]).evaluate(m));
|
2796 |
+
e = e.replace(m[0], '');
|
2797 |
+
break;
|
2798 |
+
}
|
2799 |
+
}
|
2800 |
+
}
|
2801 |
+
|
2802 |
+
this.matcher.push("return h.unique(n);\n}");
|
2803 |
+
eval(this.matcher.join('\n'));
|
2804 |
+
Selector._cache[this.expression] = this.matcher;
|
2805 |
+
},
|
2806 |
+
|
2807 |
+
compileXPathMatcher: function() {
|
2808 |
+
var e = this.expression, ps = Selector.patterns,
|
2809 |
+
x = Selector.xpath, le, m;
|
2810 |
+
|
2811 |
+
if (Selector._cache[e]) {
|
2812 |
+
this.xpath = Selector._cache[e]; return;
|
2813 |
+
}
|
2814 |
+
|
2815 |
+
this.matcher = ['.//*'];
|
2816 |
+
while (e && le != e && (/\S/).test(e)) {
|
2817 |
+
le = e;
|
2818 |
+
for (var i in ps) {
|
2819 |
+
if (m = e.match(ps[i])) {
|
2820 |
+
this.matcher.push(Object.isFunction(x[i]) ? x[i](m) :
|
2821 |
+
new Template(x[i]).evaluate(m));
|
2822 |
+
e = e.replace(m[0], '');
|
2823 |
+
break;
|
2824 |
+
}
|
2825 |
+
}
|
2826 |
+
}
|
2827 |
+
|
2828 |
+
this.xpath = this.matcher.join('');
|
2829 |
+
Selector._cache[this.expression] = this.xpath;
|
2830 |
+
},
|
2831 |
+
|
2832 |
+
findElements: function(root) {
|
2833 |
+
root = root || document;
|
2834 |
+
var e = this.expression, results;
|
2835 |
+
|
2836 |
+
switch (this.mode) {
|
2837 |
+
case 'selectorsAPI':
|
2838 |
+
// querySelectorAll queries document-wide, then filters to descendants
|
2839 |
+
// of the context element. That's not what we want.
|
2840 |
+
// Add an explicit context to the selector if necessary.
|
2841 |
+
if (root !== document) {
|
2842 |
+
var oldId = root.id, id = $(root).identify();
|
2843 |
+
e = "#" + id + " " + e;
|
2844 |
+
}
|
2845 |
+
|
2846 |
+
results = $A(root.querySelectorAll(e)).map(Element.extend);
|
2847 |
+
root.id = oldId;
|
2848 |
+
|
2849 |
+
return results;
|
2850 |
+
case 'xpath':
|
2851 |
+
return document._getElementsByXPath(this.xpath, root);
|
2852 |
+
default:
|
2853 |
+
return this.matcher(root);
|
2854 |
+
}
|
2855 |
+
},
|
2856 |
+
|
2857 |
+
match: function(element) {
|
2858 |
+
this.tokens = [];
|
2859 |
+
|
2860 |
+
var e = this.expression, ps = Selector.patterns, as = Selector.assertions;
|
2861 |
+
var le, p, m;
|
2862 |
+
|
2863 |
+
while (e && le !== e && (/\S/).test(e)) {
|
2864 |
+
le = e;
|
2865 |
+
for (var i in ps) {
|
2866 |
+
p = ps[i];
|
2867 |
+
if (m = e.match(p)) {
|
2868 |
+
// use the Selector.assertions methods unless the selector
|
2869 |
+
// is too complex.
|
2870 |
+
if (as[i]) {
|
2871 |
+
this.tokens.push([i, Object.clone(m)]);
|
2872 |
+
e = e.replace(m[0], '');
|
2873 |
+
} else {
|
2874 |
+
// reluctantly do a document-wide search
|
2875 |
+
// and look for a match in the array
|
2876 |
+
return this.findElements(document).include(element);
|
2877 |
+
}
|
2878 |
+
}
|
2879 |
+
}
|
2880 |
+
}
|
2881 |
+
|
2882 |
+
var match = true, name, matches;
|
2883 |
+
for (var i = 0, token; token = this.tokens[i]; i++) {
|
2884 |
+
name = token[0], matches = token[1];
|
2885 |
+
if (!Selector.assertions[name](element, matches)) {
|
2886 |
+
match = false; break;
|
2887 |
+
}
|
2888 |
+
}
|
2889 |
+
|
2890 |
+
return match;
|
2891 |
+
},
|
2892 |
+
|
2893 |
+
toString: function() {
|
2894 |
+
return this.expression;
|
2895 |
+
},
|
2896 |
+
|
2897 |
+
inspect: function() {
|
2898 |
+
return "#<Selector:" + this.expression.inspect() + ">";
|
2899 |
+
}
|
2900 |
+
});
|
2901 |
+
|
2902 |
+
Object.extend(Selector, {
|
2903 |
+
_cache: { },
|
2904 |
+
|
2905 |
+
xpath: {
|
2906 |
+
descendant: "//*",
|
2907 |
+
child: "/*",
|
2908 |
+
adjacent: "/following-sibling::*[1]",
|
2909 |
+
laterSibling: '/following-sibling::*',
|
2910 |
+
tagName: function(m) {
|
2911 |
+
if (m[1] == '*') return '';
|
2912 |
+
return "[local-name()='" + m[1].toLowerCase() +
|
2913 |
+
"' or local-name()='" + m[1].toUpperCase() + "']";
|
2914 |
+
},
|
2915 |
+
className: "[contains(concat(' ', @class, ' '), ' #{1} ')]",
|
2916 |
+
id: "[@id='#{1}']",
|
2917 |
+
attrPresence: function(m) {
|
2918 |
+
m[1] = m[1].toLowerCase();
|
2919 |
+
return new Template("[@#{1}]").evaluate(m);
|
2920 |
+
},
|
2921 |
+
attr: function(m) {
|
2922 |
+
m[1] = m[1].toLowerCase();
|
2923 |
+
m[3] = m[5] || m[6];
|
2924 |
+
return new Template(Selector.xpath.operators[m[2]]).evaluate(m);
|
2925 |
+
},
|
2926 |
+
pseudo: function(m) {
|
2927 |
+
var h = Selector.xpath.pseudos[m[1]];
|
2928 |
+
if (!h) return '';
|
2929 |
+
if (Object.isFunction(h)) return h(m);
|
2930 |
+
return new Template(Selector.xpath.pseudos[m[1]]).evaluate(m);
|
2931 |
+
},
|
2932 |
+
operators: {
|
2933 |
+
'=': "[@#{1}='#{3}']",
|
2934 |
+
'!=': "[@#{1}!='#{3}']",
|
2935 |
+
'^=': "[starts-with(@#{1}, '#{3}')]",
|
2936 |
+
'$=': "[substring(@#{1}, (string-length(@#{1}) - string-length('#{3}') + 1))='#{3}']",
|
2937 |
+
'*=': "[contains(@#{1}, '#{3}')]",
|
2938 |
+
'~=': "[contains(concat(' ', @#{1}, ' '), ' #{3} ')]",
|
2939 |
+
'|=': "[contains(concat('-', @#{1}, '-'), '-#{3}-')]"
|
2940 |
+
},
|
2941 |
+
pseudos: {
|
2942 |
+
'first-child': '[not(preceding-sibling::*)]',
|
2943 |
+
'last-child': '[not(following-sibling::*)]',
|
2944 |
+
'only-child': '[not(preceding-sibling::* or following-sibling::*)]',
|
2945 |
+
'empty': "[count(*) = 0 and (count(text()) = 0)]",
|
2946 |
+
'checked': "[@checked]",
|
2947 |
+
'disabled': "[(@disabled) and (@type!='hidden')]",
|
2948 |
+
'enabled': "[not(@disabled) and (@type!='hidden')]",
|
2949 |
+
'not': function(m) {
|
2950 |
+
var e = m[6], p = Selector.patterns,
|
2951 |
+
x = Selector.xpath, le, v;
|
2952 |
+
|
2953 |
+
var exclusion = [];
|
2954 |
+
while (e && le != e && (/\S/).test(e)) {
|
2955 |
+
le = e;
|
2956 |
+
for (var i in p) {
|
2957 |
+
if (m = e.match(p[i])) {
|
2958 |
+
v = Object.isFunction(x[i]) ? x[i](m) : new Template(x[i]).evaluate(m);
|
2959 |
+
exclusion.push("(" + v.substring(1, v.length - 1) + ")");
|
2960 |
+
e = e.replace(m[0], '');
|
2961 |
+
break;
|
2962 |
+
}
|
2963 |
+
}
|
2964 |
+
}
|
2965 |
+
return "[not(" + exclusion.join(" and ") + ")]";
|
2966 |
+
},
|
2967 |
+
'nth-child': function(m) {
|
2968 |
+
return Selector.xpath.pseudos.nth("(count(./preceding-sibling::*) + 1) ", m);
|
2969 |
+
},
|
2970 |
+
'nth-last-child': function(m) {
|
2971 |
+
return Selector.xpath.pseudos.nth("(count(./following-sibling::*) + 1) ", m);
|
2972 |
+
},
|
2973 |
+
'nth-of-type': function(m) {
|
2974 |
+
return Selector.xpath.pseudos.nth("position() ", m);
|
2975 |
+
},
|
2976 |
+
'nth-last-of-type': function(m) {
|
2977 |
+
return Selector.xpath.pseudos.nth("(last() + 1 - position()) ", m);
|
2978 |
+
},
|
2979 |
+
'first-of-type': function(m) {
|
2980 |
+
m[6] = "1"; return Selector.xpath.pseudos['nth-of-type'](m);
|
2981 |
+
},
|
2982 |
+
'last-of-type': function(m) {
|
2983 |
+
m[6] = "1"; return Selector.xpath.pseudos['nth-last-of-type'](m);
|
2984 |
+
},
|
2985 |
+
'only-of-type': function(m) {
|
2986 |
+
var p = Selector.xpath.pseudos; return p['first-of-type'](m) + p['last-of-type'](m);
|
2987 |
+
},
|
2988 |
+
nth: function(fragment, m) {
|
2989 |
+
var mm, formula = m[6], predicate;
|
2990 |
+
if (formula == 'even') formula = '2n+0';
|
2991 |
+
if (formula == 'odd') formula = '2n+1';
|
2992 |
+
if (mm = formula.match(/^(\d+)$/)) // digit only
|
2993 |
+
return '[' + fragment + "= " + mm[1] + ']';
|
2994 |
+
if (mm = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b
|
2995 |
+
if (mm[1] == "-") mm[1] = -1;
|
2996 |
+
var a = mm[1] ? Number(mm[1]) : 1;
|
2997 |
+
var b = mm[2] ? Number(mm[2]) : 0;
|
2998 |
+
predicate = "[((#{fragment} - #{b}) mod #{a} = 0) and " +
|
2999 |
+
"((#{fragment} - #{b}) div #{a} >= 0)]";
|
3000 |
+
return new Template(predicate).evaluate({
|
3001 |
+
fragment: fragment, a: a, b: b });
|
3002 |
+
}
|
3003 |
+
}
|
3004 |
+
}
|
3005 |
+
},
|
3006 |
+
|
3007 |
+
criteria: {
|
3008 |
+
tagName: 'n = h.tagName(n, r, "#{1}", c); c = false;',
|
3009 |
+
className: 'n = h.className(n, r, "#{1}", c); c = false;',
|
3010 |
+
id: 'n = h.id(n, r, "#{1}", c); c = false;',
|
3011 |
+
attrPresence: 'n = h.attrPresence(n, r, "#{1}", c); c = false;',
|
3012 |
+
attr: function(m) {
|
3013 |
+
m[3] = (m[5] || m[6]);
|
3014 |
+
return new Template('n = h.attr(n, r, "#{1}", "#{3}", "#{2}", c); c = false;').evaluate(m);
|
3015 |
+
},
|
3016 |
+
pseudo: function(m) {
|
3017 |
+
if (m[6]) m[6] = m[6].replace(/"/g, '\\"');
|
3018 |
+
return new Template('n = h.pseudo(n, "#{1}", "#{6}", r, c); c = false;').evaluate(m);
|
3019 |
+
},
|
3020 |
+
descendant: 'c = "descendant";',
|
3021 |
+
child: 'c = "child";',
|
3022 |
+
adjacent: 'c = "adjacent";',
|
3023 |
+
laterSibling: 'c = "laterSibling";'
|
3024 |
+
},
|
3025 |
+
|
3026 |
+
patterns: {
|
3027 |
+
// combinators must be listed first
|
3028 |
+
// (and descendant needs to be last combinator)
|
3029 |
+
laterSibling: /^\s*~\s*/,
|
3030 |
+
child: /^\s*>\s*/,
|
3031 |
+
adjacent: /^\s*\+\s*/,
|
3032 |
+
descendant: /^\s/,
|
3033 |
+
|
3034 |
+
// selectors follow
|
3035 |
+
tagName: /^\s*(\*|[\w\-]+)(\b|$)?/,
|
3036 |
+
id: /^#([\w\-\*]+)(\b|$)/,
|
3037 |
+
className: /^\.([\w\-\*]+)(\b|$)/,
|
3038 |
+
pseudo:
|
3039 |
+
/^:((first|last|nth|nth-last|only)(-child|-of-type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s|[:+~>]))/,
|
3040 |
+
attrPresence: /^\[((?:[\w]+:)?[\w]+)\]/,
|
3041 |
+
attr: /\[((?:[\w-]*:)?[\w-]+)\s*(?:([!^$*~|]?=)\s*((['"])([^\4]*?)\4|([^'"][^\]]*?)))?\]/
|
3042 |
+
},
|
3043 |
+
|
3044 |
+
// for Selector.match and Element#match
|
3045 |
+
assertions: {
|
3046 |
+
tagName: function(element, matches) {
|
3047 |
+
return matches[1].toUpperCase() == element.tagName.toUpperCase();
|
3048 |
+
},
|
3049 |
+
|
3050 |
+
className: function(element, matches) {
|
3051 |
+
return Element.hasClassName(element, matches[1]);
|
3052 |
+
},
|
3053 |
+
|
3054 |
+
id: function(element, matches) {
|
3055 |
+
return element.id === matches[1];
|
3056 |
+
},
|
3057 |
+
|
3058 |
+
attrPresence: function(element, matches) {
|
3059 |
+
return Element.hasAttribute(element, matches[1]);
|
3060 |
+
},
|
3061 |
+
|
3062 |
+
attr: function(element, matches) {
|
3063 |
+
var nodeValue = Element.readAttribute(element, matches[1]);
|
3064 |
+
return nodeValue && Selector.operators[matches[2]](nodeValue, matches[5] || matches[6]);
|
3065 |
+
}
|
3066 |
+
},
|
3067 |
+
|
3068 |
+
handlers: {
|
3069 |
+
// UTILITY FUNCTIONS
|
3070 |
+
// joins two collections
|
3071 |
+
concat: function(a, b) {
|
3072 |
+
for (var i = 0, node; node = b[i]; i++)
|
3073 |
+
a.push(node);
|
3074 |
+
return a;
|
3075 |
+
},
|
3076 |
+
|
3077 |
+
// marks an array of nodes for counting
|
3078 |
+
mark: function(nodes) {
|
3079 |
+
var _true = Prototype.emptyFunction;
|
3080 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3081 |
+
node._countedByPrototype = _true;
|
3082 |
+
return nodes;
|
3083 |
+
},
|
3084 |
+
|
3085 |
+
unmark: function(nodes) {
|
3086 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3087 |
+
node._countedByPrototype = undefined;
|
3088 |
+
return nodes;
|
3089 |
+
},
|
3090 |
+
|
3091 |
+
// mark each child node with its position (for nth calls)
|
3092 |
+
// "ofType" flag indicates whether we're indexing for nth-of-type
|
3093 |
+
// rather than nth-child
|
3094 |
+
index: function(parentNode, reverse, ofType) {
|
3095 |
+
parentNode._countedByPrototype = Prototype.emptyFunction;
|
3096 |
+
if (reverse) {
|
3097 |
+
for (var nodes = parentNode.childNodes, i = nodes.length - 1, j = 1; i >= 0; i--) {
|
3098 |
+
var node = nodes[i];
|
3099 |
+
if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++;
|
3100 |
+
}
|
3101 |
+
} else {
|
3102 |
+
for (var i = 0, j = 1, nodes = parentNode.childNodes; node = nodes[i]; i++)
|
3103 |
+
if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++;
|
3104 |
+
}
|
3105 |
+
},
|
3106 |
+
|
3107 |
+
// filters out duplicates and extends all nodes
|
3108 |
+
unique: function(nodes) {
|
3109 |
+
if (nodes.length == 0) return nodes;
|
3110 |
+
var results = [], n;
|
3111 |
+
for (var i = 0, l = nodes.length; i < l; i++)
|
3112 |
+
if (!(n = nodes[i])._countedByPrototype) {
|
3113 |
+
n._countedByPrototype = Prototype.emptyFunction;
|
3114 |
+
results.push(Element.extend(n));
|
3115 |
+
}
|
3116 |
+
return Selector.handlers.unmark(results);
|
3117 |
+
},
|
3118 |
+
|
3119 |
+
// COMBINATOR FUNCTIONS
|
3120 |
+
descendant: function(nodes) {
|
3121 |
+
var h = Selector.handlers;
|
3122 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++)
|
3123 |
+
h.concat(results, node.getElementsByTagName('*'));
|
3124 |
+
return results;
|
3125 |
+
},
|
3126 |
+
|
3127 |
+
child: function(nodes) {
|
3128 |
+
var h = Selector.handlers;
|
3129 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++) {
|
3130 |
+
for (var j = 0, child; child = node.childNodes[j]; j++)
|
3131 |
+
if (child.nodeType == 1 && child.tagName != '!') results.push(child);
|
3132 |
+
}
|
3133 |
+
return results;
|
3134 |
+
},
|
3135 |
+
|
3136 |
+
adjacent: function(nodes) {
|
3137 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++) {
|
3138 |
+
var next = this.nextElementSibling(node);
|
3139 |
+
if (next) results.push(next);
|
3140 |
+
}
|
3141 |
+
return results;
|
3142 |
+
},
|
3143 |
+
|
3144 |
+
laterSibling: function(nodes) {
|
3145 |
+
var h = Selector.handlers;
|
3146 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++)
|
3147 |
+
h.concat(results, Element.nextSiblings(node));
|
3148 |
+
return results;
|
3149 |
+
},
|
3150 |
+
|
3151 |
+
nextElementSibling: function(node) {
|
3152 |
+
while (node = node.nextSibling)
|
3153 |
+
if (node.nodeType == 1) return node;
|
3154 |
+
return null;
|
3155 |
+
},
|
3156 |
+
|
3157 |
+
previousElementSibling: function(node) {
|
3158 |
+
while (node = node.previousSibling)
|
3159 |
+
if (node.nodeType == 1) return node;
|
3160 |
+
return null;
|
3161 |
+
},
|
3162 |
+
|
3163 |
+
// TOKEN FUNCTIONS
|
3164 |
+
tagName: function(nodes, root, tagName, combinator) {
|
3165 |
+
var uTagName = tagName.toUpperCase();
|
3166 |
+
var results = [], h = Selector.handlers;
|
3167 |
+
if (nodes) {
|
3168 |
+
if (combinator) {
|
3169 |
+
// fastlane for ordinary descendant combinators
|
3170 |
+
if (combinator == "descendant") {
|
3171 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3172 |
+
h.concat(results, node.getElementsByTagName(tagName));
|
3173 |
+
return results;
|
3174 |
+
} else nodes = this[combinator](nodes);
|
3175 |
+
if (tagName == "*") return nodes;
|
3176 |
+
}
|
3177 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3178 |
+
if (node.tagName.toUpperCase() === uTagName) results.push(node);
|
3179 |
+
return results;
|
3180 |
+
} else return root.getElementsByTagName(tagName);
|
3181 |
+
},
|
3182 |
+
|
3183 |
+
id: function(nodes, root, id, combinator) {
|
3184 |
+
var targetNode = $(id), h = Selector.handlers;
|
3185 |
+
if (!targetNode) return [];
|
3186 |
+
if (!nodes && root == document) return [targetNode];
|
3187 |
+
if (nodes) {
|
3188 |
+
if (combinator) {
|
3189 |
+
if (combinator == 'child') {
|
3190 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3191 |
+
if (targetNode.parentNode == node) return [targetNode];
|
3192 |
+
} else if (combinator == 'descendant') {
|
3193 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3194 |
+
if (Element.descendantOf(targetNode, node)) return [targetNode];
|
3195 |
+
} else if (combinator == 'adjacent') {
|
3196 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3197 |
+
if (Selector.handlers.previousElementSibling(targetNode) == node)
|
3198 |
+
return [targetNode];
|
3199 |
+
} else nodes = h[combinator](nodes);
|
3200 |
+
}
|
3201 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3202 |
+
if (node == targetNode) return [targetNode];
|
3203 |
+
return [];
|
3204 |
+
}
|
3205 |
+
return (targetNode && Element.descendantOf(targetNode, root)) ? [targetNode] : [];
|
3206 |
+
},
|
3207 |
+
|
3208 |
+
className: function(nodes, root, className, combinator) {
|
3209 |
+
if (nodes && combinator) nodes = this[combinator](nodes);
|
3210 |
+
return Selector.handlers.byClassName(nodes, root, className);
|
3211 |
+
},
|
3212 |
+
|
3213 |
+
byClassName: function(nodes, root, className) {
|
3214 |
+
if (!nodes) nodes = Selector.handlers.descendant([root]);
|
3215 |
+
var needle = ' ' + className + ' ';
|
3216 |
+
for (var i = 0, results = [], node, nodeClassName; node = nodes[i]; i++) {
|
3217 |
+
nodeClassName = node.className;
|
3218 |
+
if (nodeClassName.length == 0) continue;
|
3219 |
+
if (nodeClassName == className || (' ' + nodeClassName + ' ').include(needle))
|
3220 |
+
results.push(node);
|
3221 |
+
}
|
3222 |
+
return results;
|
3223 |
+
},
|
3224 |
+
|
3225 |
+
attrPresence: function(nodes, root, attr, combinator) {
|
3226 |
+
if (!nodes) nodes = root.getElementsByTagName("*");
|
3227 |
+
if (nodes && combinator) nodes = this[combinator](nodes);
|
3228 |
+
var results = [];
|
3229 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3230 |
+
if (Element.hasAttribute(node, attr)) results.push(node);
|
3231 |
+
return results;
|
3232 |
+
},
|
3233 |
+
|
3234 |
+
attr: function(nodes, root, attr, value, operator, combinator) {
|
3235 |
+
if (!nodes) nodes = root.getElementsByTagName("*");
|
3236 |
+
if (nodes && combinator) nodes = this[combinator](nodes);
|
3237 |
+
var handler = Selector.operators[operator], results = [];
|
3238 |
+
for (var i = 0, node; node = nodes[i]; i++) {
|
3239 |
+
var nodeValue = Element.readAttribute(node, attr);
|
3240 |
+
if (nodeValue === null) continue;
|
3241 |
+
if (handler(nodeValue, value)) results.push(node);
|
3242 |
+
}
|
3243 |
+
return results;
|
3244 |
+
},
|
3245 |
+
|
3246 |
+
pseudo: function(nodes, name, value, root, combinator) {
|
3247 |
+
if (nodes && combinator) nodes = this[combinator](nodes);
|
3248 |
+
if (!nodes) nodes = root.getElementsByTagName("*");
|
3249 |
+
return Selector.pseudos[name](nodes, value, root);
|
3250 |
+
}
|
3251 |
+
},
|
3252 |
+
|
3253 |
+
pseudos: {
|
3254 |
+
'first-child': function(nodes, value, root) {
|
3255 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++) {
|
3256 |
+
if (Selector.handlers.previousElementSibling(node)) continue;
|
3257 |
+
results.push(node);
|
3258 |
+
}
|
3259 |
+
return results;
|
3260 |
+
},
|
3261 |
+
'last-child': function(nodes, value, root) {
|
3262 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++) {
|
3263 |
+
if (Selector.handlers.nextElementSibling(node)) continue;
|
3264 |
+
results.push(node);
|
3265 |
+
}
|
3266 |
+
return results;
|
3267 |
+
},
|
3268 |
+
'only-child': function(nodes, value, root) {
|
3269 |
+
var h = Selector.handlers;
|
3270 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++)
|
3271 |
+
if (!h.previousElementSibling(node) && !h.nextElementSibling(node))
|
3272 |
+
results.push(node);
|
3273 |
+
return results;
|
3274 |
+
},
|
3275 |
+
'nth-child': function(nodes, formula, root) {
|
3276 |
+
return Selector.pseudos.nth(nodes, formula, root);
|
3277 |
+
},
|
3278 |
+
'nth-last-child': function(nodes, formula, root) {
|
3279 |
+
return Selector.pseudos.nth(nodes, formula, root, true);
|
3280 |
+
},
|
3281 |
+
'nth-of-type': function(nodes, formula, root) {
|
3282 |
+
return Selector.pseudos.nth(nodes, formula, root, false, true);
|
3283 |
+
},
|
3284 |
+
'nth-last-of-type': function(nodes, formula, root) {
|
3285 |
+
return Selector.pseudos.nth(nodes, formula, root, true, true);
|
3286 |
+
},
|
3287 |
+
'first-of-type': function(nodes, formula, root) {
|
3288 |
+
return Selector.pseudos.nth(nodes, "1", root, false, true);
|
3289 |
+
},
|
3290 |
+
'last-of-type': function(nodes, formula, root) {
|
3291 |
+
return Selector.pseudos.nth(nodes, "1", root, true, true);
|
3292 |
+
},
|
3293 |
+
'only-of-type': function(nodes, formula, root) {
|
3294 |
+
var p = Selector.pseudos;
|
3295 |
+
return p['last-of-type'](p['first-of-type'](nodes, formula, root), formula, root);
|
3296 |
+
},
|
3297 |
+
|
3298 |
+
// handles the an+b logic
|
3299 |
+
getIndices: function(a, b, total) {
|
3300 |
+
if (a == 0) return b > 0 ? [b] : [];
|
3301 |
+
return $R(1, total).inject([], function(memo, i) {
|
3302 |
+
if (0 == (i - b) % a && (i - b) / a >= 0) memo.push(i);
|
3303 |
+
return memo;
|
3304 |
+
});
|
3305 |
+
},
|
3306 |
+
|
3307 |
+
// handles nth(-last)-child, nth(-last)-of-type, and (first|last)-of-type
|
3308 |
+
nth: function(nodes, formula, root, reverse, ofType) {
|
3309 |
+
if (nodes.length == 0) return [];
|
3310 |
+
if (formula == 'even') formula = '2n+0';
|
3311 |
+
if (formula == 'odd') formula = '2n+1';
|
3312 |
+
var h = Selector.handlers, results = [], indexed = [], m;
|
3313 |
+
h.mark(nodes);
|
3314 |
+
for (var i = 0, node; node = nodes[i]; i++) {
|
3315 |
+
if (!node.parentNode._countedByPrototype) {
|
3316 |
+
h.index(node.parentNode, reverse, ofType);
|
3317 |
+
indexed.push(node.parentNode);
|
3318 |
+
}
|
3319 |
+
}
|
3320 |
+
if (formula.match(/^\d+$/)) { // just a number
|
3321 |
+
formula = Number(formula);
|
3322 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3323 |
+
if (node.nodeIndex == formula) results.push(node);
|
3324 |
+
} else if (m = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b
|
3325 |
+
if (m[1] == "-") m[1] = -1;
|
3326 |
+
var a = m[1] ? Number(m[1]) : 1;
|
3327 |
+
var b = m[2] ? Number(m[2]) : 0;
|
3328 |
+
var indices = Selector.pseudos.getIndices(a, b, nodes.length);
|
3329 |
+
for (var i = 0, node, l = indices.length; node = nodes[i]; i++) {
|
3330 |
+
for (var j = 0; j < l; j++)
|
3331 |
+
if (node.nodeIndex == indices[j]) results.push(node);
|
3332 |
+
}
|
3333 |
+
}
|
3334 |
+
h.unmark(nodes);
|
3335 |
+
h.unmark(indexed);
|
3336 |
+
return results;
|
3337 |
+
},
|
3338 |
+
|
3339 |
+
'empty': function(nodes, value, root) {
|
3340 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++) {
|
3341 |
+
// IE treats comments as element nodes
|
3342 |
+
if (node.tagName == '!' || node.firstChild) continue;
|
3343 |
+
results.push(node);
|
3344 |
+
}
|
3345 |
+
return results;
|
3346 |
+
},
|
3347 |
+
|
3348 |
+
'not': function(nodes, selector, root) {
|
3349 |
+
var h = Selector.handlers, selectorType, m;
|
3350 |
+
var exclusions = new Selector(selector).findElements(root);
|
3351 |
+
h.mark(exclusions);
|
3352 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++)
|
3353 |
+
if (!node._countedByPrototype) results.push(node);
|
3354 |
+
h.unmark(exclusions);
|
3355 |
+
return results;
|
3356 |
+
},
|
3357 |
+
|
3358 |
+
'enabled': function(nodes, value, root) {
|
3359 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++)
|
3360 |
+
if (!node.disabled && (!node.type || node.type !== 'hidden'))
|
3361 |
+
results.push(node);
|
3362 |
+
return results;
|
3363 |
+
},
|
3364 |
+
|
3365 |
+
'disabled': function(nodes, value, root) {
|
3366 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++)
|
3367 |
+
if (node.disabled) results.push(node);
|
3368 |
+
return results;
|
3369 |
+
},
|
3370 |
+
|
3371 |
+
'checked': function(nodes, value, root) {
|
3372 |
+
for (var i = 0, results = [], node; node = nodes[i]; i++)
|
3373 |
+
if (node.checked) results.push(node);
|
3374 |
+
return results;
|
3375 |
+
}
|
3376 |
+
},
|
3377 |
+
|
3378 |
+
operators: {
|
3379 |
+
'=': function(nv, v) { return nv == v; },
|
3380 |
+
'!=': function(nv, v) { return nv != v; },
|
3381 |
+
'^=': function(nv, v) { return nv == v || nv && nv.startsWith(v); },
|
3382 |
+
'$=': function(nv, v) { return nv == v || nv && nv.endsWith(v); },
|
3383 |
+
'*=': function(nv, v) { return nv == v || nv && nv.include(v); },
|
3384 |
+
'$=': function(nv, v) { return nv.endsWith(v); },
|
3385 |
+
'*=': function(nv, v) { return nv.include(v); },
|
3386 |
+
'~=': function(nv, v) { return (' ' + nv + ' ').include(' ' + v + ' '); },
|
3387 |
+
'|=': function(nv, v) { return ('-' + (nv || "").toUpperCase() +
|
3388 |
+
'-').include('-' + (v || "").toUpperCase() + '-'); }
|
3389 |
+
},
|
3390 |
+
|
3391 |
+
split: function(expression) {
|
3392 |
+
var expressions = [];
|
3393 |
+
expression.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) {
|
3394 |
+
expressions.push(m[1].strip());
|
3395 |
+
});
|
3396 |
+
return expressions;
|
3397 |
+
},
|
3398 |
+
|
3399 |
+
matchElements: function(elements, expression) {
|
3400 |
+
var matches = $$(expression), h = Selector.handlers;
|
3401 |
+
h.mark(matches);
|
3402 |
+
for (var i = 0, results = [], element; element = elements[i]; i++)
|
3403 |
+
if (element._countedByPrototype) results.push(element);
|
3404 |
+
h.unmark(matches);
|
3405 |
+
return results;
|
3406 |
+
},
|
3407 |
+
|
3408 |
+
findElement: function(elements, expression, index) {
|
3409 |
+
if (Object.isNumber(expression)) {
|
3410 |
+
index = expression; expression = false;
|
3411 |
+
}
|
3412 |
+
return Selector.matchElements(elements, expression || '*')[index || 0];
|
3413 |
+
},
|
3414 |
+
|
3415 |
+
findChildElements: function(element, expressions) {
|
3416 |
+
expressions = Selector.split(expressions.join(','));
|
3417 |
+
var results = [], h = Selector.handlers;
|
3418 |
+
for (var i = 0, l = expressions.length, selector; i < l; i++) {
|
3419 |
+
selector = new Selector(expressions[i].strip());
|
3420 |
+
h.concat(results, selector.findElements(element));
|
3421 |
+
}
|
3422 |
+
return (l > 1) ? h.unique(results) : results;
|
3423 |
+
}
|
3424 |
+
});
|
3425 |
+
|
3426 |
+
if (Prototype.Browser.IE) {
|
3427 |
+
Object.extend(Selector.handlers, {
|
3428 |
+
// IE returns comment nodes on getElementsByTagName("*").
|
3429 |
+
// Filter them out.
|
3430 |
+
concat: function(a, b) {
|
3431 |
+
for (var i = 0, node; node = b[i]; i++)
|
3432 |
+
if (node.tagName !== "!") a.push(node);
|
3433 |
+
return a;
|
3434 |
+
},
|
3435 |
+
|
3436 |
+
// IE improperly serializes _countedByPrototype in (inner|outer)HTML.
|
3437 |
+
unmark: function(nodes) {
|
3438 |
+
for (var i = 0, node; node = nodes[i]; i++)
|
3439 |
+
node.removeAttribute('_countedByPrototype');
|
3440 |
+
return nodes;
|
3441 |
+
}
|
3442 |
+
});
|
3443 |
+
}
|
3444 |
+
|
3445 |
+
function $$() {
|
3446 |
+
return Selector.findChildElements(document, $A(arguments));
|
3447 |
+
}
|
3448 |
+
var Form = {
|
3449 |
+
reset: function(form) {
|
3450 |
+
$(form).reset();
|
3451 |
+
return form;
|
3452 |
+
},
|
3453 |
+
|
3454 |
+
serializeElements: function(elements, options) {
|
3455 |
+
if (typeof options != 'object') options = { hash: !!options };
|
3456 |
+
else if (Object.isUndefined(options.hash)) options.hash = true;
|
3457 |
+
var key, value, submitted = false, submit = options.submit;
|
3458 |
+
|
3459 |
+
var data = elements.inject({ }, function(result, element) {
|
3460 |
+
if (!element.disabled && element.name) {
|
3461 |
+
key = element.name; value = $(element).getValue();
|
3462 |
+
if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted &&
|
3463 |
+
submit !== false && (!submit || key == submit) && (submitted = true)))) {
|
3464 |
+
if (key in result) {
|
3465 |
+
// a key is already present; construct an array of values
|
3466 |
+
if (!Object.isArray(result[key])) result[key] = [result[key]];
|
3467 |
+
result[key].push(value);
|
3468 |
+
}
|
3469 |
+
else result[key] = value;
|
3470 |
+
}
|
3471 |
+
}
|
3472 |
+
return result;
|
3473 |
+
});
|
3474 |
+
|
3475 |
+
return options.hash ? data : Object.toQueryString(data);
|
3476 |
+
}
|
3477 |
+
};
|
3478 |
+
|
3479 |
+
Form.Methods = {
|
3480 |
+
serialize: function(form, options) {
|
3481 |
+
return Form.serializeElements(Form.getElements(form), options);
|
3482 |
+
},
|
3483 |
+
|
3484 |
+
getElements: function(form) {
|
3485 |
+
return $A($(form).getElementsByTagName('*')).inject([],
|
3486 |
+
function(elements, child) {
|
3487 |
+
if (Form.Element.Serializers[child.tagName.toLowerCase()])
|
3488 |
+
elements.push(Element.extend(child));
|
3489 |
+
return elements;
|
3490 |
+
}
|
3491 |
+
);
|
3492 |
+
},
|
3493 |
+
|
3494 |
+
getInputs: function(form, typeName, name) {
|
3495 |
+
form = $(form);
|
3496 |
+
var inputs = form.getElementsByTagName('input');
|
3497 |
+
|
3498 |
+
if (!typeName && !name) return $A(inputs).map(Element.extend);
|
3499 |
+
|
3500 |
+
for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) {
|
3501 |
+
var input = inputs[i];
|
3502 |
+
if ((typeName && input.type != typeName) || (name && input.name != name))
|
3503 |
+
continue;
|
3504 |
+
matchingInputs.push(Element.extend(input));
|
3505 |
+
}
|
3506 |
+
|
3507 |
+
return matchingInputs;
|
3508 |
+
},
|
3509 |
+
|
3510 |
+
disable: function(form) {
|
3511 |
+
form = $(form);
|
3512 |
+
Form.getElements(form).invoke('disable');
|
3513 |
+
return form;
|
3514 |
+
},
|
3515 |
+
|
3516 |
+
enable: function(form) {
|
3517 |
+
form = $(form);
|
3518 |
+
Form.getElements(form).invoke('enable');
|
3519 |
+
return form;
|
3520 |
+
},
|
3521 |
+
|
3522 |
+
findFirstElement: function(form) {
|
3523 |
+
var elements = $(form).getElements().findAll(function(element) {
|
3524 |
+
return 'hidden' != element.type && !element.disabled;
|
3525 |
+
});
|
3526 |
+
var firstByIndex = elements.findAll(function(element) {
|
3527 |
+
return element.hasAttribute('tabIndex') && element.tabIndex >= 0;
|
3528 |
+
}).sortBy(function(element) { return element.tabIndex }).first();
|
3529 |
+
|
3530 |
+
return firstByIndex ? firstByIndex : elements.find(function(element) {
|
3531 |
+
return ['input', 'select', 'textarea'].include(element.tagName.toLowerCase());
|
3532 |
+
});
|
3533 |
+
},
|
3534 |
+
|
3535 |
+
focusFirstElement: function(form) {
|
3536 |
+
form = $(form);
|
3537 |
+
form.findFirstElement().activate();
|
3538 |
+
return form;
|
3539 |
+
},
|
3540 |
+
|
3541 |
+
request: function(form, options) {
|
3542 |
+
form = $(form), options = Object.clone(options || { });
|
3543 |
+
|
3544 |
+
var params = options.parameters, action = form.readAttribute('action') || '';
|
3545 |
+
if (action.blank()) action = window.location.href;
|
3546 |
+
options.parameters = form.serialize(true);
|
3547 |
+
|
3548 |
+
if (params) {
|
3549 |
+
if (Object.isString(params)) params = params.toQueryParams();
|
3550 |
+
Object.extend(options.parameters, params);
|
3551 |
+
}
|
3552 |
+
|
3553 |
+
if (form.hasAttribute('method') && !options.method)
|
3554 |
+
options.method = form.method;
|
3555 |
+
|
3556 |
+
return new Ajax.Request(action, options);
|
3557 |
+
}
|
3558 |
+
};
|
3559 |
+
|
3560 |
+
/*--------------------------------------------------------------------------*/
|
3561 |
+
|
3562 |
+
Form.Element = {
|
3563 |
+
focus: function(element) {
|
3564 |
+
$(element).focus();
|
3565 |
+
return element;
|
3566 |
+
},
|
3567 |
+
|
3568 |
+
select: function(element) {
|
3569 |
+
$(element).select();
|
3570 |
+
return element;
|
3571 |
+
}
|
3572 |
+
};
|
3573 |
+
|
3574 |
+
Form.Element.Methods = {
|
3575 |
+
serialize: function(element) {
|
3576 |
+
element = $(element);
|
3577 |
+
if (!element.disabled && element.name) {
|
3578 |
+
var value = element.getValue();
|
3579 |
+
if (value != undefined) {
|
3580 |
+
var pair = { };
|
3581 |
+
pair[element.name] = value;
|
3582 |
+
return Object.toQueryString(pair);
|
3583 |
+
}
|
3584 |
+
}
|
3585 |
+
return '';
|
3586 |
+
},
|
3587 |
+
|
3588 |
+
getValue: function(element) {
|
3589 |
+
element = $(element);
|
3590 |
+
var method = element.tagName.toLowerCase();
|
3591 |
+
return Form.Element.Serializers[method](element);
|
3592 |
+
},
|
3593 |
+
|
3594 |
+
setValue: function(element, value) {
|
3595 |
+
element = $(element);
|
3596 |
+
var method = element.tagName.toLowerCase();
|
3597 |
+
Form.Element.Serializers[method](element, value);
|
3598 |
+
return element;
|
3599 |
+
},
|
3600 |
+
|
3601 |
+
clear: function(element) {
|
3602 |
+
$(element).value = '';
|
3603 |
+
return element;
|
3604 |
+
},
|
3605 |
+
|
3606 |
+
present: function(element) {
|
3607 |
+
return $(element).value != '';
|
3608 |
+
},
|
3609 |
+
|
3610 |
+
activate: function(element) {
|
3611 |
+
element = $(element);
|
3612 |
+
try {
|
3613 |
+
element.focus();
|
3614 |
+
if (element.select && (element.tagName.toLowerCase() != 'input' ||
|
3615 |
+
!['button', 'reset', 'submit'].include(element.type)))
|
3616 |
+
element.select();
|
3617 |
+
} catch (e) { }
|
3618 |
+
return element;
|
3619 |
+
},
|
3620 |
+
|
3621 |
+
disable: function(element) {
|
3622 |
+
element = $(element);
|
3623 |
+
element.disabled = true;
|
3624 |
+
return element;
|
3625 |
+
},
|
3626 |
+
|
3627 |
+
enable: function(element) {
|
3628 |
+
element = $(element);
|
3629 |
+
element.disabled = false;
|
3630 |
+
return element;
|
3631 |
+
}
|
3632 |
+
};
|
3633 |
+
|
3634 |
+
/*--------------------------------------------------------------------------*/
|
3635 |
+
|
3636 |
+
var Field = Form.Element;
|
3637 |
+
var $F = Form.Element.Methods.getValue;
|
3638 |
+
|
3639 |
+
/*--------------------------------------------------------------------------*/
|
3640 |
+
|
3641 |
+
Form.Element.Serializers = {
|
3642 |
+
input: function(element, value) {
|
3643 |
+
switch (element.type.toLowerCase()) {
|
3644 |
+
case 'checkbox':
|
3645 |
+
case 'radio':
|
3646 |
+
return Form.Element.Serializers.inputSelector(element, value);
|
3647 |
+
default:
|
3648 |
+
return Form.Element.Serializers.textarea(element, value);
|
3649 |
+
}
|
3650 |
+
},
|
3651 |
+
|
3652 |
+
inputSelector: function(element, value) {
|
3653 |
+
if (Object.isUndefined(value)) return element.checked ? element.value : null;
|
3654 |
+
else element.checked = !!value;
|
3655 |
+
},
|
3656 |
+
|
3657 |
+
textarea: function(element, value) {
|
3658 |
+
if (Object.isUndefined(value)) return element.value;
|
3659 |
+
else element.value = value;
|
3660 |
+
},
|
3661 |
+
|
3662 |
+
select: function(element, value) {
|
3663 |
+
if (Object.isUndefined(value))
|
3664 |
+
return this[element.type == 'select-one' ?
|
3665 |
+
'selectOne' : 'selectMany'](element);
|
3666 |
+
else {
|
3667 |
+
var opt, currentValue, single = !Object.isArray(value);
|
3668 |
+
for (var i = 0, length = element.length; i < length; i++) {
|
3669 |
+
opt = element.options[i];
|
3670 |
+
currentValue = this.optionValue(opt);
|
3671 |
+
if (single) {
|
3672 |
+
if (currentValue == value) {
|
3673 |
+
opt.selected = true;
|
3674 |
+
return;
|
3675 |
+
}
|
3676 |
+
}
|
3677 |
+
else opt.selected = value.include(currentValue);
|
3678 |
+
}
|
3679 |
+
}
|
3680 |
+
},
|
3681 |
+
|
3682 |
+
selectOne: function(element) {
|
3683 |
+
var index = element.selectedIndex;
|
3684 |
+
return index >= 0 ? this.optionValue(element.options[index]) : null;
|
3685 |
+
},
|
3686 |
+
|
3687 |
+
selectMany: function(element) {
|
3688 |
+
var values, length = element.length;
|
3689 |
+
if (!length) return null;
|
3690 |
+
|
3691 |
+
for (var i = 0, values = []; i < length; i++) {
|
3692 |
+
var opt = element.options[i];
|
3693 |
+
if (opt.selected) values.push(this.optionValue(opt));
|
3694 |
+
}
|
3695 |
+
return values;
|
3696 |
+
},
|
3697 |
+
|
3698 |
+
optionValue: function(opt) {
|
3699 |
+
// extend element because hasAttribute may not be native
|
3700 |
+
return Element.extend(opt).hasAttribute('value') ? opt.value : opt.text;
|
3701 |
+
}
|
3702 |
+
};
|
3703 |
+
|
3704 |
+
/*--------------------------------------------------------------------------*/
|
3705 |
+
|
3706 |
+
Abstract.TimedObserver = Class.create(PeriodicalExecuter, {
|
3707 |
+
initialize: function($super, element, frequency, callback) {
|
3708 |
+
$super(callback, frequency);
|
3709 |
+
this.element = $(element);
|
3710 |
+
this.lastValue = this.getValue();
|
3711 |
+
},
|
3712 |
+
|
3713 |
+
execute: function() {
|
3714 |
+
var value = this.getValue();
|
3715 |
+
if (Object.isString(this.lastValue) && Object.isString(value) ?
|
3716 |
+
this.lastValue != value : String(this.lastValue) != String(value)) {
|
3717 |
+
this.callback(this.element, value);
|
3718 |
+
this.lastValue = value;
|
3719 |
+
}
|
3720 |
+
}
|
3721 |
+
});
|
3722 |
+
|
3723 |
+
Form.Element.Observer = Class.create(Abstract.TimedObserver, {
|
3724 |
+
getValue: function() {
|
3725 |
+
return Form.Element.getValue(this.element);
|
3726 |
+
}
|
3727 |
+
});
|
3728 |
+
|
3729 |
+
Form.Observer = Class.create(Abstract.TimedObserver, {
|
3730 |
+
getValue: function() {
|
3731 |
+
return Form.serialize(this.element);
|
3732 |
+
}
|
3733 |
+
});
|
3734 |
+
|
3735 |
+
/*--------------------------------------------------------------------------*/
|
3736 |
+
|
3737 |
+
Abstract.EventObserver = Class.create({
|
3738 |
+
initialize: function(element, callback) {
|
3739 |
+
this.element = $(element);
|
3740 |
+
this.callback = callback;
|
3741 |
+
|
3742 |
+
this.lastValue = this.getValue();
|
3743 |
+
if (this.element.tagName.toLowerCase() == 'form')
|
3744 |
+
this.registerFormCallbacks();
|
3745 |
+
else
|
3746 |
+
this.registerCallback(this.element);
|
3747 |
+
},
|
3748 |
+
|
3749 |
+
onElementEvent: function() {
|
3750 |
+
var value = this.getValue();
|
3751 |
+
if (this.lastValue != value) {
|
3752 |
+
this.callback(this.element, value);
|
3753 |
+
this.lastValue = value;
|
3754 |
+
}
|
3755 |
+
},
|
3756 |
+
|
3757 |
+
registerFormCallbacks: function() {
|
3758 |
+
Form.getElements(this.element).each(this.registerCallback, this);
|
3759 |
+
},
|
3760 |
+
|
3761 |
+
registerCallback: function(element) {
|
3762 |
+
if (element.type) {
|
3763 |
+
switch (element.type.toLowerCase()) {
|
3764 |
+
case 'checkbox':
|
3765 |
+
case 'radio':
|
3766 |
+
Event.observe(element, 'click', this.onElementEvent.bind(this));
|
3767 |
+
break;
|
3768 |
+
default:
|
3769 |
+
Event.observe(element, 'change', this.onElementEvent.bind(this));
|
3770 |
+
break;
|
3771 |
+
}
|
3772 |
+
}
|
3773 |
+
}
|
3774 |
+
});
|
3775 |
+
|
3776 |
+
Form.Element.EventObserver = Class.create(Abstract.EventObserver, {
|
3777 |
+
getValue: function() {
|
3778 |
+
return Form.Element.getValue(this.element);
|
3779 |
+
}
|
3780 |
+
});
|
3781 |
+
|
3782 |
+
Form.EventObserver = Class.create(Abstract.EventObserver, {
|
3783 |
+
getValue: function() {
|
3784 |
+
return Form.serialize(this.element);
|
3785 |
+
}
|
3786 |
+
});
|
3787 |
+
if (!window.Event) var Event = { };
|
3788 |
+
|
3789 |
+
Object.extend(Event, {
|
3790 |
+
KEY_BACKSPACE: 8,
|
3791 |
+
KEY_TAB: 9,
|
3792 |
+
KEY_RETURN: 13,
|
3793 |
+
KEY_ESC: 27,
|
3794 |
+
KEY_LEFT: 37,
|
3795 |
+
KEY_UP: 38,
|
3796 |
+
KEY_RIGHT: 39,
|
3797 |
+
KEY_DOWN: 40,
|
3798 |
+
KEY_DELETE: 46,
|
3799 |
+
KEY_HOME: 36,
|
3800 |
+
KEY_END: 35,
|
3801 |
+
KEY_PAGEUP: 33,
|
3802 |
+
KEY_PAGEDOWN: 34,
|
3803 |
+
KEY_INSERT: 45,
|
3804 |
+
|
3805 |
+
cache: { },
|
3806 |
+
|
3807 |
+
relatedTarget: function(event) {
|
3808 |
+
var element;
|
3809 |
+
switch(event.type) {
|
3810 |
+
case 'mouseover': element = event.fromElement; break;
|
3811 |
+
case 'mouseout': element = event.toElement; break;
|
3812 |
+
default: return null;
|
3813 |
+
}
|
3814 |
+
return Element.extend(element);
|
3815 |
+
}
|
3816 |
+
});
|
3817 |
+
|
3818 |
+
Event.Methods = (function() {
|
3819 |
+
var isButton;
|
3820 |
+
|
3821 |
+
if (Prototype.Browser.IE) {
|
3822 |
+
var buttonMap = { 0: 1, 1: 4, 2: 2 };
|
3823 |
+
isButton = function(event, code) {
|
3824 |
+
return event.button == buttonMap[code];
|
3825 |
+
};
|
3826 |
+
|
3827 |
+
} else if (Prototype.Browser.WebKit) {
|
3828 |
+
isButton = function(event, code) {
|
3829 |
+
switch (code) {
|
3830 |
+
case 0: return event.which == 1 && !event.metaKey;
|
3831 |
+
case 1: return event.which == 1 && event.metaKey;
|
3832 |
+
default: return false;
|
3833 |
+
}
|
3834 |
+
};
|
3835 |
+
|
3836 |
+
} else {
|
3837 |
+
isButton = function(event, code) {
|
3838 |
+
return event.which ? (event.which === code + 1) : (event.button === code);
|
3839 |
+
};
|
3840 |
+
}
|
3841 |
+
|
3842 |
+
return {
|
3843 |
+
isLeftClick: function(event) { return isButton(event, 0) },
|
3844 |
+
isMiddleClick: function(event) { return isButton(event, 1) },
|
3845 |
+
isRightClick: function(event) { return isButton(event, 2) },
|
3846 |
+
|
3847 |
+
element: function(event) {
|
3848 |
+
event = Event.extend(event);
|
3849 |
+
|
3850 |
+
var node = event.target,
|
3851 |
+
type = event.type,
|
3852 |
+
currentTarget = event.currentTarget;
|
3853 |
+
|
3854 |
+
if (currentTarget && currentTarget.tagName) {
|
3855 |
+
// Firefox screws up the "click" event when moving between radio buttons
|
3856 |
+
// via arrow keys. It also screws up the "load" and "error" events on images,
|
3857 |
+
// reporting the document as the target instead of the original image.
|
3858 |
+
if (type === 'load' || type === 'error' ||
|
3859 |
+
(type === 'click' && currentTarget.tagName.toLowerCase() === 'input'
|
3860 |
+
&& currentTarget.type === 'radio'))
|
3861 |
+
node = currentTarget;
|
3862 |
+
}
|
3863 |
+
if (node) {
|
3864 |
+
if (node.nodeType == Node.TEXT_NODE) node = node.parentNode;
|
3865 |
+
return Element.extend(node);
|
3866 |
+
} else return false;
|
3867 |
+
},
|
3868 |
+
|
3869 |
+
findElement: function(event, expression) {
|
3870 |
+
var element = Event.element(event);
|
3871 |
+
if (!expression) return element;
|
3872 |
+
var elements = [element].concat(element.ancestors());
|
3873 |
+
return Selector.findElement(elements, expression, 0);
|
3874 |
+
},
|
3875 |
+
|
3876 |
+
pointer: function(event) {
|
3877 |
+
var docElement = document.documentElement,
|
3878 |
+
body = document.body || { scrollLeft: 0, scrollTop: 0 };
|
3879 |
+
return {
|
3880 |
+
x: event.pageX || (event.clientX +
|
3881 |
+
(docElement.scrollLeft || body.scrollLeft) -
|
3882 |
+
(docElement.clientLeft || 0)),
|
3883 |
+
y: event.pageY || (event.clientY +
|
3884 |
+
(docElement.scrollTop || body.scrollTop) -
|
3885 |
+
(docElement.clientTop || 0))
|
3886 |
+
};
|
3887 |
+
},
|
3888 |
+
|
3889 |
+
pointerX: function(event) { return Event.pointer(event).x },
|
3890 |
+
pointerY: function(event) { return Event.pointer(event).y },
|
3891 |
+
|
3892 |
+
stop: function(event) {
|
3893 |
+
Event.extend(event);
|
3894 |
+
event.preventDefault();
|
3895 |
+
event.stopPropagation();
|
3896 |
+
event.stopped = true;
|
3897 |
+
}
|
3898 |
+
};
|
3899 |
+
})();
|
3900 |
+
|
3901 |
+
Event.extend = (function() {
|
3902 |
+
var methods = Object.keys(Event.Methods).inject({ }, function(m, name) {
|
3903 |
+
m[name] = Event.Methods[name].methodize();
|
3904 |
+
return m;
|
3905 |
+
});
|
3906 |
+
|
3907 |
+
if (Prototype.Browser.IE) {
|
3908 |
+
Object.extend(methods, {
|
3909 |
+
stopPropagation: function() { this.cancelBubble = true },
|
3910 |
+
preventDefault: function() { this.returnValue = false },
|
3911 |
+
inspect: function() { return "[object Event]" }
|
3912 |
+
});
|
3913 |
+
|
3914 |
+
return function(event) {
|
3915 |
+
if (!event) return false;
|
3916 |
+
if (event._extendedByPrototype) return event;
|
3917 |
+
|
3918 |
+
event._extendedByPrototype = Prototype.emptyFunction;
|
3919 |
+
var pointer = Event.pointer(event);
|
3920 |
+
Object.extend(event, {
|
3921 |
+
target: event.srcElement,
|
3922 |
+
relatedTarget: Event.relatedTarget(event),
|
3923 |
+
pageX: pointer.x,
|
3924 |
+
pageY: pointer.y
|
3925 |
+
});
|
3926 |
+
return Object.extend(event, methods);
|
3927 |
+
};
|
3928 |
+
|
3929 |
+
} else {
|
3930 |
+
Event.prototype = Event.prototype || document.createEvent("HTMLEvents")['__proto__'];
|
3931 |
+
Object.extend(Event.prototype, methods);
|
3932 |
+
return Prototype.K;
|
3933 |
+
}
|
3934 |
+
})();
|
3935 |
+
|
3936 |
+
Object.extend(Event, (function() {
|
3937 |
+
var cache = Event.cache;
|
3938 |
+
|
3939 |
+
function getEventID(element) {
|
3940 |
+
try {
|
3941 |
+
if (element._prototypeEventID) return element._prototypeEventID[0];
|
3942 |
+
arguments.callee.id = arguments.callee.id || 1;
|
3943 |
+
return element._prototypeEventID = [++arguments.callee.id];
|
3944 |
+
} catch (error) {
|
3945 |
+
return false;
|
3946 |
+
}
|
3947 |
+
}
|
3948 |
+
|
3949 |
+
function getDOMEventName(eventName) {
|
3950 |
+
if (eventName && eventName.include(':')) return "dataavailable";
|
3951 |
+
return eventName;
|
3952 |
+
}
|
3953 |
+
|
3954 |
+
function getCacheForID(id) {
|
3955 |
+
return cache[id] = cache[id] || { };
|
3956 |
+
}
|
3957 |
+
|
3958 |
+
function getWrappersForEventName(id, eventName) {
|
3959 |
+
var c = getCacheForID(id);
|
3960 |
+
return c[eventName] = c[eventName] || [];
|
3961 |
+
}
|
3962 |
+
|
3963 |
+
function createWrapper(element, eventName, handler) {
|
3964 |
+
var id = getEventID(element);
|
3965 |
+
var c = getWrappersForEventName(id, eventName);
|
3966 |
+
if (c.pluck("handler").include(handler)) return false;
|
3967 |
+
|
3968 |
+
var wrapper = function(event) {
|
3969 |
+
if (!Event || !Event.extend ||
|
3970 |
+
(event.eventName && event.eventName != eventName))
|
3971 |
+
return false;
|
3972 |
+
|
3973 |
+
Event.extend(event);
|
3974 |
+
handler.call(element, event);
|
3975 |
+
};
|
3976 |
+
|
3977 |
+
wrapper.handler = handler;
|
3978 |
+
c.push(wrapper);
|
3979 |
+
return wrapper;
|
3980 |
+
}
|
3981 |
+
|
3982 |
+
function findWrapper(id, eventName, handler) {
|
3983 |
+
var c = getWrappersForEventName(id, eventName);
|
3984 |
+
return c.find(function(wrapper) { return wrapper.handler == handler });
|
3985 |
+
}
|
3986 |
+
|
3987 |
+
function destroyWrapper(id, eventName, handler) {
|
3988 |
+
var c = getCacheForID(id);
|
3989 |
+
if (!c[eventName]) return false;
|
3990 |
+
c[eventName] = c[eventName].without(findWrapper(id, eventName, handler));
|
3991 |
+
}
|
3992 |
+
|
3993 |
+
function destroyCache() {
|
3994 |
+
for (var id in cache)
|
3995 |
+
for (var eventName in cache[id])
|
3996 |
+
cache[id][eventName] = null;
|
3997 |
+
}
|
3998 |
+
|
3999 |
+
|
4000 |
+
// Internet Explorer needs to remove event handlers on page unload
|
4001 |
+
// in order to avoid memory leaks.
|
4002 |
+
if (window.attachEvent) {
|
4003 |
+
window.attachEvent("onunload", destroyCache);
|
4004 |
+
}
|
4005 |
+
|
4006 |
+
// Safari has a dummy event handler on page unload so that it won't
|
4007 |
+
// use its bfcache. Safari <= 3.1 has an issue with restoring the "document"
|
4008 |
+
// object when page is returned to via the back button using its bfcache.
|
4009 |
+
if (Prototype.Browser.WebKit) {
|
4010 |
+
window.addEventListener('unload', Prototype.emptyFunction, false);
|
4011 |
+
}
|
4012 |
+
|
4013 |
+
return {
|
4014 |
+
observe: function(element, eventName, handler) {
|
4015 |
+
element = $(element);
|
4016 |
+
var name = getDOMEventName(eventName);
|
4017 |
+
|
4018 |
+
var wrapper = createWrapper(element, eventName, handler);
|
4019 |
+
if (!wrapper) return element;
|
4020 |
+
|
4021 |
+
if (element.addEventListener) {
|
4022 |
+
element.addEventListener(name, wrapper, false);
|
4023 |
+
} else {
|
4024 |
+
element.attachEvent("on" + name, wrapper);
|
4025 |
+
}
|
4026 |
+
|
4027 |
+
return element;
|
4028 |
+
},
|
4029 |
+
|
4030 |
+
stopObserving: function(element, eventName, handler) {
|
4031 |
+
element = $(element);
|
4032 |
+
var id = getEventID(element), name = getDOMEventName(eventName);
|
4033 |
+
|
4034 |
+
if (!handler && eventName) {
|
4035 |
+
getWrappersForEventName(id, eventName).each(function(wrapper) {
|
4036 |
+
element.stopObserving(eventName, wrapper.handler);
|
4037 |
+
});
|
4038 |
+
return element;
|
4039 |
+
|
4040 |
+
} else if (!eventName) {
|
4041 |
+
Object.keys(getCacheForID(id)).each(function(eventName) {
|
4042 |
+
element.stopObserving(eventName);
|
4043 |
+
});
|
4044 |
+
return element;
|
4045 |
+
}
|
4046 |
+
|
4047 |
+
var wrapper = findWrapper(id, eventName, handler);
|
4048 |
+
if (!wrapper) return element;
|
4049 |
+
|
4050 |
+
if (element.removeEventListener) {
|
4051 |
+
element.removeEventListener(name, wrapper, false);
|
4052 |
+
} else {
|
4053 |
+
element.detachEvent("on" + name, wrapper);
|
4054 |
+
}
|
4055 |
+
|
4056 |
+
destroyWrapper(id, eventName, handler);
|
4057 |
+
|
4058 |
+
return element;
|
4059 |
+
},
|
4060 |
+
|
4061 |
+
fire: function(element, eventName, memo) {
|
4062 |
+
element = $(element);
|
4063 |
+
if (element == document && document.createEvent && !element.dispatchEvent)
|
4064 |
+
element = document.documentElement;
|
4065 |
+
|
4066 |
+
var event;
|
4067 |
+
if (document.createEvent) {
|
4068 |
+
event = document.createEvent("HTMLEvents");
|
4069 |
+
event.initEvent("dataavailable", true, true);
|
4070 |
+
} else {
|
4071 |
+
event = document.createEventObject();
|
4072 |
+
event.eventType = "ondataavailable";
|
4073 |
+
}
|
4074 |
+
|
4075 |
+
event.eventName = eventName;
|
4076 |
+
event.memo = memo || { };
|
4077 |
+
|
4078 |
+
if (document.createEvent) {
|
4079 |
+
element.dispatchEvent(event);
|
4080 |
+
} else {
|
4081 |
+
element.fireEvent(event.eventType, event);
|
4082 |
+
}
|
4083 |
+
|
4084 |
+
return Event.extend(event);
|
4085 |
+
}
|
4086 |
+
};
|
4087 |
+
})());
|
4088 |
+
|
4089 |
+
Object.extend(Event, Event.Methods);
|
4090 |
+
|
4091 |
+
Element.addMethods({
|
4092 |
+
fire: Event.fire,
|
4093 |
+
observe: Event.observe,
|
4094 |
+
stopObserving: Event.stopObserving
|
4095 |
+
});
|
4096 |
+
|
4097 |
+
Object.extend(document, {
|
4098 |
+
fire: Element.Methods.fire.methodize(),
|
4099 |
+
observe: Element.Methods.observe.methodize(),
|
4100 |
+
stopObserving: Element.Methods.stopObserving.methodize(),
|
4101 |
+
loaded: false
|
4102 |
+
});
|
4103 |
+
|
4104 |
+
(function() {
|
4105 |
+
/* Support for the DOMContentLoaded event is based on work by Dan Webb,
|
4106 |
+
Matthias Miller, Dean Edwards and John Resig. */
|
4107 |
+
|
4108 |
+
var timer;
|
4109 |
+
|
4110 |
+
function fireContentLoadedEvent() {
|
4111 |
+
if (document.loaded) return;
|
4112 |
+
if (timer) window.clearInterval(timer);
|
4113 |
+
document.fire("dom:loaded");
|
4114 |
+
document.loaded = true;
|
4115 |
+
}
|
4116 |
+
|
4117 |
+
if (document.addEventListener) {
|
4118 |
+
if (Prototype.Browser.WebKit) {
|
4119 |
+
timer = window.setInterval(function() {
|
4120 |
+
if (/loaded|complete/.test(document.readyState))
|
4121 |
+
fireContentLoadedEvent();
|
4122 |
+
}, 0);
|
4123 |
+
|
4124 |
+
Event.observe(window, "load", fireContentLoadedEvent);
|
4125 |
+
|
4126 |
+
} else {
|
4127 |
+
document.addEventListener("DOMContentLoaded",
|
4128 |
+
fireContentLoadedEvent, false);
|
4129 |
+
}
|
4130 |
+
|
4131 |
+
} else {
|
4132 |
+
document.write("<script id=__onDOMContentLoaded defer src=//:><\/script>");
|
4133 |
+
$("__onDOMContentLoaded").onreadystatechange = function() {
|
4134 |
+
if (this.readyState == "complete") {
|
4135 |
+
this.onreadystatechange = null;
|
4136 |
+
fireContentLoadedEvent();
|
4137 |
+
}
|
4138 |
+
};
|
4139 |
+
}
|
4140 |
+
})();
|
4141 |
+
/*------------------------------- DEPRECATED -------------------------------*/
|
4142 |
+
|
4143 |
+
Hash.toQueryString = Object.toQueryString;
|
4144 |
+
|
4145 |
+
var Toggle = { display: Element.toggle };
|
4146 |
+
|
4147 |
+
Element.Methods.childOf = Element.Methods.descendantOf;
|
4148 |
+
|
4149 |
+
var Insertion = {
|
4150 |
+
Before: function(element, content) {
|
4151 |
+
return Element.insert(element, {before:content});
|
4152 |
+
},
|
4153 |
+
|
4154 |
+
Top: function(element, content) {
|
4155 |
+
return Element.insert(element, {top:content});
|
4156 |
+
},
|
4157 |
+
|
4158 |
+
Bottom: function(element, content) {
|
4159 |
+
return Element.insert(element, {bottom:content});
|
4160 |
+
},
|
4161 |
+
|
4162 |
+
After: function(element, content) {
|
4163 |
+
return Element.insert(element, {after:content});
|
4164 |
+
}
|
4165 |
+
};
|
4166 |
+
|
4167 |
+
var $continue = new Error('"throw $continue" is deprecated, use "return" instead');
|
4168 |
+
|
4169 |
+
// This should be moved to script.aculo.us; notice the deprecated methods
|
4170 |
+
// further below, that map to the newer Element methods.
|
4171 |
+
var Position = {
|
4172 |
+
// set to true if needed, warning: firefox performance problems
|
4173 |
+
// NOT neeeded for page scrolling, only if draggable contained in
|
4174 |
+
// scrollable elements
|
4175 |
+
includeScrollOffsets: false,
|
4176 |
+
|
4177 |
+
// must be called before calling withinIncludingScrolloffset, every time the
|
4178 |
+
// page is scrolled
|
4179 |
+
prepare: function() {
|
4180 |
+
this.deltaX = window.pageXOffset
|
4181 |
+
|| document.documentElement.scrollLeft
|
4182 |
+
|| document.body.scrollLeft
|
4183 |
+
|| 0;
|
4184 |
+
this.deltaY = window.pageYOffset
|
4185 |
+
|| document.documentElement.scrollTop
|
4186 |
+
|| document.body.scrollTop
|
4187 |
+
|| 0;
|
4188 |
+
},
|
4189 |
+
|
4190 |
+
// caches x/y coordinate pair to use with overlap
|
4191 |
+
within: function(element, x, y) {
|
4192 |
+
if (this.includeScrollOffsets)
|
4193 |
+
return this.withinIncludingScrolloffsets(element, x, y);
|
4194 |
+
this.xcomp = x;
|
4195 |
+
this.ycomp = y;
|
4196 |
+
this.offset = Element.cumulativeOffset(element);
|
4197 |
+
|
4198 |
+
return (y >= this.offset[1] &&
|
4199 |
+
y < this.offset[1] + element.offsetHeight &&
|
4200 |
+
x >= this.offset[0] &&
|
4201 |
+
x < this.offset[0] + element.offsetWidth);
|
4202 |
+
},
|
4203 |
+
|
4204 |
+
withinIncludingScrolloffsets: function(element, x, y) {
|
4205 |
+
var offsetcache = Element.cumulativeScrollOffset(element);
|
4206 |
+
|
4207 |
+
this.xcomp = x + offsetcache[0] - this.deltaX;
|
4208 |
+
this.ycomp = y + offsetcache[1] - this.deltaY;
|
4209 |
+
this.offset = Element.cumulativeOffset(element);
|
4210 |
+
|
4211 |
+
return (this.ycomp >= this.offset[1] &&
|
4212 |
+
this.ycomp < this.offset[1] + element.offsetHeight &&
|
4213 |
+
this.xcomp >= this.offset[0] &&
|
4214 |
+
this.xcomp < this.offset[0] + element.offsetWidth);
|
4215 |
+
},
|
4216 |
+
|
4217 |
+
// within must be called directly before
|
4218 |
+
overlap: function(mode, element) {
|
4219 |
+
if (!mode) return 0;
|
4220 |
+
if (mode == 'vertical')
|
4221 |
+
return ((this.offset[1] + element.offsetHeight) - this.ycomp) /
|
4222 |
+
element.offsetHeight;
|
4223 |
+
if (mode == 'horizontal')
|
4224 |
+
return ((this.offset[0] + element.offsetWidth) - this.xcomp) /
|
4225 |
+
element.offsetWidth;
|
4226 |
+
},
|
4227 |
+
|
4228 |
+
// Deprecation layer -- use newer Element methods now (1.5.2).
|
4229 |
+
|
4230 |
+
cumulativeOffset: Element.Methods.cumulativeOffset,
|
4231 |
+
|
4232 |
+
positionedOffset: Element.Methods.positionedOffset,
|
4233 |
+
|
4234 |
+
absolutize: function(element) {
|
4235 |
+
Position.prepare();
|
4236 |
+
return Element.absolutize(element);
|
4237 |
+
},
|
4238 |
+
|
4239 |
+
relativize: function(element) {
|
4240 |
+
Position.prepare();
|
4241 |
+
return Element.relativize(element);
|
4242 |
+
},
|
4243 |
+
|
4244 |
+
realOffset: Element.Methods.cumulativeScrollOffset,
|
4245 |
+
|
4246 |
+
offsetParent: Element.Methods.getOffsetParent,
|
4247 |
+
|
4248 |
+
page: Element.Methods.viewportOffset,
|
4249 |
+
|
4250 |
+
clone: function(source, target, options) {
|
4251 |
+
options = options || { };
|
4252 |
+
return Element.clonePosition(target, source, options);
|
4253 |
+
}
|
4254 |
+
};
|
4255 |
+
|
4256 |
+
/*--------------------------------------------------------------------------*/
|
4257 |
+
|
4258 |
+
if (!document.getElementsByClassName) document.getElementsByClassName = function(instanceMethods){
|
4259 |
+
function iter(name) {
|
4260 |
+
return name.blank() ? null : "[contains(concat(' ', @class, ' '), ' " + name + " ')]";
|
4261 |
+
}
|
4262 |
+
|
4263 |
+
instanceMethods.getElementsByClassName = Prototype.BrowserFeatures.XPath ?
|
4264 |
+
function(element, className) {
|
4265 |
+
className = className.toString().strip();
|
4266 |
+
var cond = /\s/.test(className) ? $w(className).map(iter).join('') : iter(className);
|
4267 |
+
return cond ? document._getElementsByXPath('.//*' + cond, element) : [];
|
4268 |
+
} : function(element, className) {
|
4269 |
+
className = className.toString().strip();
|
4270 |
+
var elements = [], classNames = (/\s/.test(className) ? $w(className) : null);
|
4271 |
+
if (!classNames && !className) return elements;
|
4272 |
+
|
4273 |
+
var nodes = $(element).getElementsByTagName('*');
|
4274 |
+
className = ' ' + className + ' ';
|
4275 |
+
|
4276 |
+
for (var i = 0, child, cn; child = nodes[i]; i++) {
|
4277 |
+
if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) ||
|
4278 |
+
(classNames && classNames.all(function(name) {
|
4279 |
+
return !name.toString().blank() && cn.include(' ' + name + ' ');
|
4280 |
+
}))))
|
4281 |
+
elements.push(Element.extend(child));
|
4282 |
+
}
|
4283 |
+
return elements;
|
4284 |
+
};
|
4285 |
+
|
4286 |
+
return function(className, parentElement) {
|
4287 |
+
return $(parentElement || document.body).getElementsByClassName(className);
|
4288 |
+
};
|
4289 |
+
}(Element.Methods);
|
4290 |
+
|
4291 |
+
/*--------------------------------------------------------------------------*/
|
4292 |
+
|
4293 |
+
Element.ClassNames = Class.create();
|
4294 |
+
Element.ClassNames.prototype = {
|
4295 |
+
initialize: function(element) {
|
4296 |
+
this.element = $(element);
|
4297 |
+
},
|
4298 |
+
|
4299 |
+
_each: function(iterator) {
|
4300 |
+
this.element.className.split(/\s+/).select(function(name) {
|
4301 |
+
return name.length > 0;
|
4302 |
+
})._each(iterator);
|
4303 |
+
},
|
4304 |
+
|
4305 |
+
set: function(className) {
|
4306 |
+
this.element.className = className;
|
4307 |
+
},
|
4308 |
+
|
4309 |
+
add: function(classNameToAdd) {
|
4310 |
+
if (this.include(classNameToAdd)) return;
|
4311 |
+
this.set($A(this).concat(classNameToAdd).join(' '));
|
4312 |
+
},
|
4313 |
+
|
4314 |
+
remove: function(classNameToRemove) {
|
4315 |
+
if (!this.include(classNameToRemove)) return;
|
4316 |
+
this.set($A(this).without(classNameToRemove).join(' '));
|
4317 |
+
},
|
4318 |
+
|
4319 |
+
toString: function() {
|
4320 |
+
return $A(this).join(' ');
|
4321 |
+
}
|
4322 |
+
};
|
4323 |
+
|
4324 |
+
Object.extend(Element.ClassNames.prototype, Enumerable);
|
4325 |
+
|
4326 |
+
/*--------------------------------------------------------------------------*/
|
4327 |
+
|
4328 |
+
Element.addMethods();
|
js/prototype/tooltip.js
ADDED
@@ -0,0 +1,208 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*
|
2 |
+
* Copyright (c) 2006 Jonathan Weiss <jw@innerewut.de>
|
3 |
+
*
|
4 |
+
* Permission to use, copy, modify, and distribute this software for any
|
5 |
+
* purpose with or without fee is hereby granted, provided that the above
|
6 |
+
* copyright notice and this permission notice appear in all copies.
|
7 |
+
*
|
8 |
+
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
|
9 |
+
* WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
|
10 |
+
* MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
|
11 |
+
* ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
|
12 |
+
* WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
|
13 |
+
* ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
|
14 |
+
* OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
|
15 |
+
*/
|
16 |
+
|
17 |
+
|
18 |
+
/* tooltip-0.2.js - Small tooltip library on top of Prototype
|
19 |
+
* by Jonathan Weiss <jw@innerewut.de> distributed under the BSD license.
|
20 |
+
*
|
21 |
+
* This tooltip library works in two modes. If it gets a valid DOM element
|
22 |
+
* or DOM id as an argument it uses this element as the tooltip. This
|
23 |
+
* element will be placed (and shown) near the mouse pointer when a trigger-
|
24 |
+
* element is moused-over.
|
25 |
+
* If it gets only a text as an argument instead of a DOM id or DOM element
|
26 |
+
* it will create a div with the classname 'tooltip' that holds the given text.
|
27 |
+
* This newly created div will be used as the tooltip. This is usefull if you
|
28 |
+
* want to use tooltip.js to create popups out of title attributes.
|
29 |
+
*
|
30 |
+
*
|
31 |
+
* Usage:
|
32 |
+
* <script src="/javascripts/prototype.js" type="text/javascript"></script>
|
33 |
+
* <script src="/javascripts/tooltip.js" type="text/javascript"></script>
|
34 |
+
* <script type="text/javascript">
|
35 |
+
* // with valid DOM id
|
36 |
+
* var my_tooltip = new Tooltip('id_of_trigger_element', 'id_of_tooltip_to_show_element')
|
37 |
+
*
|
38 |
+
* // with text
|
39 |
+
* var my_other_tooltip = new Tooltip('id_of_trigger_element', 'a nice description')
|
40 |
+
*
|
41 |
+
* // create popups for each element with a title attribute
|
42 |
+
* Event.observe(window,"load",function() {
|
43 |
+
* $$("*").findAll(function(node){
|
44 |
+
* return node.getAttribute('title');
|
45 |
+
* }).each(function(node){
|
46 |
+
* new Tooltip(node,node.title);
|
47 |
+
* node.removeAttribute("title");
|
48 |
+
* });
|
49 |
+
* });
|
50 |
+
*
|
51 |
+
* </script>
|
52 |
+
*
|
53 |
+
* Now whenever you trigger a mouseOver on the `trigger` element, the tooltip element will
|
54 |
+
* be shown. On o mouseOut the tooltip disappears.
|
55 |
+
*
|
56 |
+
* Example:
|
57 |
+
*
|
58 |
+
* <script src="/javascripts/prototype.js" type="text/javascript"></script>
|
59 |
+
* <script src="/javascripts/scriptaculous.js" type="text/javascript"></script>
|
60 |
+
* <script src="/javascripts/tooltip.js" type="text/javascript"></script>
|
61 |
+
*
|
62 |
+
* <div id='tooltip' style="display:none; margin: 5px; background-color: red;">
|
63 |
+
* Detail infos on product 1....<br />
|
64 |
+
* </div>
|
65 |
+
*
|
66 |
+
* <div id='product_1'>
|
67 |
+
* This is product 1
|
68 |
+
* </div>
|
69 |
+
*
|
70 |
+
* <script type="text/javascript">
|
71 |
+
* var my_tooltip = new Tooltip('product_1', 'tooltip')
|
72 |
+
* </script>
|
73 |
+
*
|
74 |
+
* You can use my_tooltip.destroy() to remove the event observers and thereby the tooltip.
|
75 |
+
*/
|
76 |
+
|
77 |
+
var Tooltip = Class.create();
|
78 |
+
Tooltip.prototype = {
|
79 |
+
initialize: function(element, tool_tip) {
|
80 |
+
var options = Object.extend({
|
81 |
+
default_css: false,
|
82 |
+
margin: "0px",
|
83 |
+
padding: "5px",
|
84 |
+
backgroundColor: "#d6d6fc",
|
85 |
+
min_distance_x: 5,
|
86 |
+
min_distance_y: 5,
|
87 |
+
delta_x: 0,
|
88 |
+
delta_y: 0,
|
89 |
+
zindex: 1000
|
90 |
+
}, arguments[2] || {});
|
91 |
+
|
92 |
+
this.element = $(element);
|
93 |
+
|
94 |
+
this.options = options;
|
95 |
+
|
96 |
+
// use the supplied tooltip element or create our own div
|
97 |
+
if($(tool_tip)) {
|
98 |
+
this.tool_tip = $(tool_tip);
|
99 |
+
} else {
|
100 |
+
this.tool_tip = $(document.createElement("div"));
|
101 |
+
document.body.appendChild(this.tool_tip);
|
102 |
+
this.tool_tip.addClassName("tooltip");
|
103 |
+
this.tool_tip.appendChild(document.createTextNode(tool_tip));
|
104 |
+
}
|
105 |
+
|
106 |
+
// hide the tool-tip by default
|
107 |
+
this.tool_tip.hide();
|
108 |
+
|
109 |
+
this.eventMouseOver = this.showTooltip.bindAsEventListener(this);
|
110 |
+
this.eventMouseOut = this.hideTooltip.bindAsEventListener(this);
|
111 |
+
this.eventMouseMove = this.moveTooltip.bindAsEventListener(this);
|
112 |
+
|
113 |
+
this.registerEvents();
|
114 |
+
},
|
115 |
+
|
116 |
+
destroy: function() {
|
117 |
+
Event.stopObserving(this.element, "mouseover", this.eventMouseOver);
|
118 |
+
Event.stopObserving(this.element, "mouseout", this.eventMouseOut);
|
119 |
+
Event.stopObserving(this.element, "mousemove", this.eventMouseMove);
|
120 |
+
},
|
121 |
+
|
122 |
+
registerEvents: function() {
|
123 |
+
Event.observe(this.element, "mouseover", this.eventMouseOver);
|
124 |
+
Event.observe(this.element, "mouseout", this.eventMouseOut);
|
125 |
+
Event.observe(this.element, "mousemove", this.eventMouseMove);
|
126 |
+
},
|
127 |
+
|
128 |
+
moveTooltip: function(event){
|
129 |
+
Event.stop(event);
|
130 |
+
// get Mouse position
|
131 |
+
var mouse_x = Event.pointerX(event);
|
132 |
+
var mouse_y = Event.pointerY(event);
|
133 |
+
|
134 |
+
// decide if wee need to switch sides for the tooltip
|
135 |
+
var dimensions = Element.getDimensions( this.tool_tip );
|
136 |
+
var element_width = dimensions.width;
|
137 |
+
var element_height = dimensions.height;
|
138 |
+
|
139 |
+
if ( (element_width + mouse_x) >= ( this.getWindowWidth() - this.options.min_distance_x) ){ // too big for X
|
140 |
+
mouse_x = mouse_x - element_width;
|
141 |
+
// apply min_distance to make sure that the mouse is not on the tool-tip
|
142 |
+
mouse_x = mouse_x - this.options.min_distance_x;
|
143 |
+
} else {
|
144 |
+
mouse_x = mouse_x + this.options.min_distance_x;
|
145 |
+
}
|
146 |
+
|
147 |
+
if ( (element_height + mouse_y) >= ( this.getWindowHeight() - this.options.min_distance_y) ){ // too big for Y
|
148 |
+
mouse_y = mouse_y - element_height;
|
149 |
+
// apply min_distance to make sure that the mouse is not on the tool-tip
|
150 |
+
mouse_y = mouse_y - this.options.min_distance_y;
|
151 |
+
} else {
|
152 |
+
mouse_y = mouse_y + this.options.min_distance_y;
|
153 |
+
}
|
154 |
+
|
155 |
+
// now set the right styles
|
156 |
+
this.setStyles(mouse_x, mouse_y);
|
157 |
+
},
|
158 |
+
|
159 |
+
|
160 |
+
showTooltip: function(event) {
|
161 |
+
Event.stop(event);
|
162 |
+
this.moveTooltip(event);
|
163 |
+
new Element.show(this.tool_tip);
|
164 |
+
},
|
165 |
+
|
166 |
+
setStyles: function(x, y){
|
167 |
+
// set the right styles to position the tool tip
|
168 |
+
Element.setStyle(this.tool_tip, { position:'absolute',
|
169 |
+
top:y + this.options.delta_y + "px",
|
170 |
+
left:x + this.options.delta_x + "px",
|
171 |
+
zindex:this.options.zindex
|
172 |
+
});
|
173 |
+
|
174 |
+
// apply default theme if wanted
|
175 |
+
if (this.options.default_css){
|
176 |
+
Element.setStyle(this.tool_tip, { margin:this.options.margin,
|
177 |
+
padding:this.options.padding,
|
178 |
+
backgroundColor:this.options.backgroundColor,
|
179 |
+
zindex:this.options.zindex
|
180 |
+
});
|
181 |
+
}
|
182 |
+
},
|
183 |
+
|
184 |
+
hideTooltip: function(event){
|
185 |
+
new Element.hide(this.tool_tip);
|
186 |
+
},
|
187 |
+
|
188 |
+
getWindowHeight: function(){
|
189 |
+
var innerHeight;
|
190 |
+
if (navigator.appVersion.indexOf('MSIE')>0) {
|
191 |
+
innerHeight = document.body.clientHeight;
|
192 |
+
} else {
|
193 |
+
innerHeight = window.innerHeight;
|
194 |
+
}
|
195 |
+
return innerHeight;
|
196 |
+
},
|
197 |
+
|
198 |
+
getWindowWidth: function(){
|
199 |
+
var innerWidth;
|
200 |
+
if (navigator.appVersion.indexOf('MSIE')>0) {
|
201 |
+
innerWidth = document.body.clientWidth;
|
202 |
+
} else {
|
203 |
+
innerWidth = window.innerWidth;
|
204 |
+
}
|
205 |
+
return innerWidth;
|
206 |
+
}
|
207 |
+
|
208 |
+
}
|
js/prototype/tooltip_manager.js
ADDED
@@ -0,0 +1,241 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Singleton class TooltipWindow
|
2 |
+
// This class works with special className. The tooltip content could be in your HTML page as an hidden element or
|
3 |
+
// can be retreive by an AJAX call.
|
4 |
+
//
|
5 |
+
// To work, You just need to set two class name on elements that should show tooltips
|
6 |
+
// - One to say to TooltipManager that this element must have a tooltip ('tooltip' by default)
|
7 |
+
// - Another to indicate how to find the tooltip content
|
8 |
+
// It could be html_XXXX if tootltip content is somewhere hidden in your page, XXX must be DOM ID of this hidden element
|
9 |
+
// It could be ajax_XXXX if tootltip content must be find by an ajax request, XXX will be the string send as id parameter to your server.
|
10 |
+
// Check samples/tooltips/tooltip.html to see how it works
|
11 |
+
//
|
12 |
+
TooltipManager = {
|
13 |
+
options: {cssClassName: 'tooltip', delayOver: 200, delayOut: 1000, shiftX: 10, shiftY: 10,
|
14 |
+
className: 'alphacube', width: 200, height: null,
|
15 |
+
draggable: false, minimizable: false, maximizable: false, showEffect: Element.show, hideEffect: Element.hide},
|
16 |
+
ajaxInfo: null,
|
17 |
+
elements: null,
|
18 |
+
showTimer: null,
|
19 |
+
hideTimer: null,
|
20 |
+
|
21 |
+
// Init tooltip manager
|
22 |
+
// parameters:
|
23 |
+
// - cssClassName (string) : CSS class name where tooltip should be shown.
|
24 |
+
// - ajaxOptions (hash) : Ajax options for ajax tooltip.
|
25 |
+
// For examples {url: "/tooltip/get.php", options: {method: 'get'}}
|
26 |
+
// see Ajax.Request documentation for details
|
27 |
+
//- tooltipOptions (hash) : available keys
|
28 |
+
// - delayOver: int in ms (default 10) delay before showing tooltip
|
29 |
+
// - delayOut: int in ms (default 1000) delay before hidding tooltip
|
30 |
+
// - shiftX: int in pixels (default 10) left shift of the tooltip window
|
31 |
+
// - shiftY: int in pixels (default 10) top shift of the tooltip window
|
32 |
+
// and All window options like showEffect: Element.show, hideEffect: Element.hide to remove animation
|
33 |
+
// default: {className: 'alphacube', width: 200, height: null, draggable: false, minimizable: false, maximizable: false}
|
34 |
+
|
35 |
+
init: function(cssClassName, ajaxInfo, tooltipOptions) {
|
36 |
+
TooltipManager.options = Object.extend(TooltipManager.options, tooltipOptions || {});
|
37 |
+
|
38 |
+
cssClassName = TooltipManager.options.cssClassName || "tooltip";
|
39 |
+
TooltipManager.ajaxInfo = ajaxInfo;
|
40 |
+
TooltipManager.elements = $$("." + cssClassName);
|
41 |
+
TooltipManager.elements.each(function(element) {
|
42 |
+
element = $(element)
|
43 |
+
var info = TooltipManager._getInfo(element);
|
44 |
+
if (info.ajax) {
|
45 |
+
element.ajaxId = info.id;
|
46 |
+
element.ajaxInfo = ajaxInfo;
|
47 |
+
}
|
48 |
+
else {
|
49 |
+
element.tooltipElement = $(info.id);
|
50 |
+
}
|
51 |
+
element.observe("mouseover", TooltipManager._mouseOver);
|
52 |
+
element.observe("mouseout", TooltipManager._mouseOut);
|
53 |
+
});
|
54 |
+
Windows.addObserver(this);
|
55 |
+
},
|
56 |
+
|
57 |
+
addHTML: function(element, tooltipElement) {
|
58 |
+
element = $(element);
|
59 |
+
tooltipElement = $(tooltipElement);
|
60 |
+
element.tooltipElement = tooltipElement;
|
61 |
+
|
62 |
+
element.observe("mouseover", TooltipManager._mouseOver);
|
63 |
+
element.observe("mouseout", TooltipManager._mouseOut);
|
64 |
+
},
|
65 |
+
|
66 |
+
addAjax: function(element, ajaxInfo) {
|
67 |
+
element = $(element);
|
68 |
+
element.ajaxInfo = ajaxInfo;
|
69 |
+
element.observe("mouseover", TooltipManager._mouseOver);
|
70 |
+
element.observe("mouseout", TooltipManager._mouseOut);
|
71 |
+
},
|
72 |
+
|
73 |
+
addURL: function(element, url, width, height) {
|
74 |
+
element = $(element);
|
75 |
+
element.url = url;
|
76 |
+
element.frameWidth = width;
|
77 |
+
element.frameHeight = height;
|
78 |
+
element.observe("mouseover", TooltipManager._mouseOver);
|
79 |
+
element.observe("mouseout", TooltipManager._mouseOut);
|
80 |
+
},
|
81 |
+
|
82 |
+
close: function() {
|
83 |
+
if (TooltipManager.tooltipWindow)
|
84 |
+
TooltipManager.tooltipWindow.hide();
|
85 |
+
},
|
86 |
+
|
87 |
+
preloadImages: function(path, images, extension) {
|
88 |
+
if (!extension)
|
89 |
+
extension = ".gif";
|
90 |
+
|
91 |
+
//preload images
|
92 |
+
$A(images).each(function(i) {
|
93 |
+
var image = new Image();
|
94 |
+
image.src= path + "/" + i + extension;
|
95 |
+
});
|
96 |
+
},
|
97 |
+
|
98 |
+
_showTooltip: function(element) {
|
99 |
+
if (this.element == element)
|
100 |
+
return;
|
101 |
+
// Get original element
|
102 |
+
while (element && (!element.tooltipElement && !element.ajaxInfo && !element.url))
|
103 |
+
element = element.parentNode;
|
104 |
+
this.element = element;
|
105 |
+
|
106 |
+
TooltipManager.showTimer = null;
|
107 |
+
if (TooltipManager.hideTimer)
|
108 |
+
clearTimeout(TooltipManager.hideTimer);
|
109 |
+
|
110 |
+
var position = Position.cumulativeOffset(element);
|
111 |
+
var dimension = element.getDimensions();
|
112 |
+
|
113 |
+
if (! this.tooltipWindow)
|
114 |
+
this.tooltipWindow = new Window("__tooltip__", TooltipManager.options);
|
115 |
+
|
116 |
+
this.tooltipWindow.hide();
|
117 |
+
this.tooltipWindow.setLocation(position[1] + dimension.height + TooltipManager.options.shiftY, position[0] + TooltipManager.options.shiftX);
|
118 |
+
|
119 |
+
Event.observe(this.tooltipWindow.element, "mouseover", function(event) {TooltipManager._tooltipOver(event, element)});
|
120 |
+
Event.observe(this.tooltipWindow.element, "mouseout", function(event) {TooltipManager._tooltipOut(event, element)});
|
121 |
+
|
122 |
+
// Reset width/height for computation
|
123 |
+
this.tooltipWindow.height = TooltipManager.options.height;
|
124 |
+
this.tooltipWindow.width = TooltipManager.options.width;
|
125 |
+
|
126 |
+
// Ajax content
|
127 |
+
if (element.ajaxInfo) {
|
128 |
+
var p = element.ajaxInfo.options.parameters;
|
129 |
+
var saveParam = p;
|
130 |
+
|
131 |
+
// Set by CSS
|
132 |
+
if (element.ajaxId) {
|
133 |
+
if (p)
|
134 |
+
p += "&id=" + element.ajaxId;
|
135 |
+
else
|
136 |
+
p = "id=" + element.ajaxId;
|
137 |
+
}
|
138 |
+
element.ajaxInfo.options.parameters = p || "";
|
139 |
+
this.tooltipWindow.setHTMLContent("");
|
140 |
+
this.tooltipWindow.setAjaxContent(element.ajaxInfo.url, element.ajaxInfo.options);
|
141 |
+
element.ajaxInfo.options.parameters = saveParam;
|
142 |
+
}
|
143 |
+
// URL content
|
144 |
+
else if (element.url) {
|
145 |
+
this.tooltipWindow.setURL(element.url);
|
146 |
+
this.tooltipWindow.setSize(element.frameWidth, element.frameHeight);
|
147 |
+
|
148 |
+
// Set tooltip size
|
149 |
+
this.tooltipWindow.height = element.frameHeight;
|
150 |
+
this.tooltipWindow.width = element.frameWidth;
|
151 |
+
}
|
152 |
+
// HTML content
|
153 |
+
else
|
154 |
+
this.tooltipWindow.setHTMLContent(element.tooltipElement.innerHTML);
|
155 |
+
|
156 |
+
if (!element.ajaxInfo) {
|
157 |
+
this.tooltipWindow.show();
|
158 |
+
this.tooltipWindow.toFront();
|
159 |
+
}
|
160 |
+
},
|
161 |
+
|
162 |
+
_hideTooltip: function(element) {
|
163 |
+
if (this.tooltipWindow) {
|
164 |
+
this.tooltipWindow.hide();
|
165 |
+
this.element = null;
|
166 |
+
}
|
167 |
+
},
|
168 |
+
|
169 |
+
_mouseOver: function (event) {
|
170 |
+
var element = Event.element(event);
|
171 |
+
if (TooltipManager.showTimer)
|
172 |
+
clearTimeout(TooltipManager.showTimer);
|
173 |
+
|
174 |
+
TooltipManager.showTimer = setTimeout(function() {TooltipManager._showTooltip(element)}, TooltipManager.options.delayOver)
|
175 |
+
},
|
176 |
+
|
177 |
+
_mouseOut: function(event) {
|
178 |
+
var element = Event.element(event);
|
179 |
+
if (TooltipManager.showTimer) {
|
180 |
+
clearTimeout(TooltipManager.showTimer);
|
181 |
+
TooltipManager.showTimer = null;
|
182 |
+
return;
|
183 |
+
}
|
184 |
+
if (TooltipManager.tooltipWindow)
|
185 |
+
TooltipManager.hideTimer = setTimeout(function() {TooltipManager._hideTooltip(element)}, TooltipManager.options.delayOut)
|
186 |
+
},
|
187 |
+
|
188 |
+
_tooltipOver: function(event, element) {
|
189 |
+
if (TooltipManager.hideTimer) {
|
190 |
+
clearTimeout(TooltipManager.hideTimer);
|
191 |
+
TooltipManager.hideTimer = null;
|
192 |
+
}
|
193 |
+
},
|
194 |
+
|
195 |
+
_tooltipOut: function(event, element) {
|
196 |
+
if (TooltipManager.hideTimer == null)
|
197 |
+
TooltipManager.hideTimer = setTimeout(function() {TooltipManager._hideTooltip(element)}, TooltipManager.options.delayOut)
|
198 |
+
},
|
199 |
+
|
200 |
+
_getInfo: function(element) {
|
201 |
+
// Find html_ for static content
|
202 |
+
var id = element.className.split(' ').detect(function(name) {return name.indexOf("html_") == 0});
|
203 |
+
var ajax = true;
|
204 |
+
if (id)
|
205 |
+
ajax = false;
|
206 |
+
else
|
207 |
+
// Find ajax_ for ajax content
|
208 |
+
id = element.className.split(' ').detect(function(name) {return name.indexOf("ajax_") == 0});
|
209 |
+
|
210 |
+
id = id.substr(id.indexOf('_')+1, id.length)
|
211 |
+
return id ? {ajax: ajax, id: id} : null;
|
212 |
+
},
|
213 |
+
|
214 |
+
onBeforeShow: function(eventName, win) {
|
215 |
+
var top = parseFloat(win.getLocation().top);
|
216 |
+
var dim = win.element.getDimensions();
|
217 |
+
|
218 |
+
if (top + dim.height > TooltipManager._getScrollTop() + TooltipManager._getPageHeight()) {
|
219 |
+
var position = Position.cumulativeOffset(this.element);
|
220 |
+
|
221 |
+
var top = position[1] - TooltipManager.options.shiftY - dim.height;
|
222 |
+
win.setLocation(top, position[0] + TooltipManager.options.shiftX)
|
223 |
+
}
|
224 |
+
},
|
225 |
+
|
226 |
+
_getPageWidth: function(){
|
227 |
+
return window.innerWidth || document.documentElement.clientWidth || 0;
|
228 |
+
},
|
229 |
+
|
230 |
+
_getPageHeight: function(){
|
231 |
+
return window.innerHeight || document.documentElement.clientHeight || 0;
|
232 |
+
},
|
233 |
+
|
234 |
+
_getScrollTop: function(){
|
235 |
+
return document.documentElement.scrollTop || window.pageYOffset || 0;
|
236 |
+
},
|
237 |
+
|
238 |
+
_getScrollLeft: function(){
|
239 |
+
return document.documentElement.scrollLeft || window.pageXOffset || 0;
|
240 |
+
}
|
241 |
+
};
|
js/prototype/validation.js
ADDED
@@ -0,0 +1,774 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*
|
2 |
+
* Really easy field validation with Prototype
|
3 |
+
* http://tetlaw.id.au/view/javascript/really-easy-field-validation
|
4 |
+
* Andrew Tetlaw
|
5 |
+
* Version 1.5.4.1 (2007-01-05)
|
6 |
+
*
|
7 |
+
* Copyright (c) 2007 Andrew Tetlaw
|
8 |
+
* Permission is hereby granted, free of charge, to any person
|
9 |
+
* obtaining a copy of this software and associated documentation
|
10 |
+
* files (the "Software"), to deal in the Software without
|
11 |
+
* restriction, including without limitation the rights to use, copy,
|
12 |
+
* modify, merge, publish, distribute, sublicense, and/or sell copies
|
13 |
+
* of the Software, and to permit persons to whom the Software is
|
14 |
+
* furnished to do so, subject to the following conditions:
|
15 |
+
*
|
16 |
+
* The above copyright notice and this permission notice shall be
|
17 |
+
* included in all copies or substantial portions of the Software.
|
18 |
+
*
|
19 |
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
20 |
+
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
21 |
+
* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
22 |
+
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
|
23 |
+
* BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
|
24 |
+
* ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
25 |
+
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
26 |
+
* SOFTWARE.
|
27 |
+
*
|
28 |
+
*/
|
29 |
+
var Validator = Class.create();
|
30 |
+
|
31 |
+
Validator.prototype = {
|
32 |
+
initialize : function(className, error, test, options) {
|
33 |
+
if(typeof test == 'function'){
|
34 |
+
this.options = $H(options);
|
35 |
+
this._test = test;
|
36 |
+
} else {
|
37 |
+
this.options = $H(test);
|
38 |
+
this._test = function(){return true};
|
39 |
+
}
|
40 |
+
this.error = error || 'Validation failed.';
|
41 |
+
this.className = className;
|
42 |
+
},
|
43 |
+
test : function(v, elm) {
|
44 |
+
return (this._test(v,elm) && this.options.all(function(p){
|
45 |
+
return Validator.methods[p.key] ? Validator.methods[p.key](v,elm,p.value) : true;
|
46 |
+
}));
|
47 |
+
}
|
48 |
+
}
|
49 |
+
Validator.methods = {
|
50 |
+
pattern : function(v,elm,opt) {return Validation.get('IsEmpty').test(v) || opt.test(v)},
|
51 |
+
minLength : function(v,elm,opt) {return v.length >= opt},
|
52 |
+
maxLength : function(v,elm,opt) {return v.length <= opt},
|
53 |
+
min : function(v,elm,opt) {return v >= parseFloat(opt)},
|
54 |
+
max : function(v,elm,opt) {return v <= parseFloat(opt)},
|
55 |
+
notOneOf : function(v,elm,opt) {return $A(opt).all(function(value) {
|
56 |
+
return v != value;
|
57 |
+
})},
|
58 |
+
oneOf : function(v,elm,opt) {return $A(opt).any(function(value) {
|
59 |
+
return v == value;
|
60 |
+
})},
|
61 |
+
is : function(v,elm,opt) {return v == opt},
|
62 |
+
isNot : function(v,elm,opt) {return v != opt},
|
63 |
+
equalToField : function(v,elm,opt) {return v == $F(opt)},
|
64 |
+
notEqualToField : function(v,elm,opt) {return v != $F(opt)},
|
65 |
+
include : function(v,elm,opt) {return $A(opt).all(function(value) {
|
66 |
+
return Validation.get(value).test(v,elm);
|
67 |
+
})}
|
68 |
+
}
|
69 |
+
|
70 |
+
var Validation = Class.create();
|
71 |
+
Validation.defaultOptions = {
|
72 |
+
onSubmit : true,
|
73 |
+
stopOnFirst : false,
|
74 |
+
immediate : false,
|
75 |
+
focusOnError : true,
|
76 |
+
useTitles : false,
|
77 |
+
addClassNameToContainer: false,
|
78 |
+
containerClassName: '.input-box',
|
79 |
+
onFormValidate : function(result, form) {},
|
80 |
+
onElementValidate : function(result, elm) {}
|
81 |
+
};
|
82 |
+
|
83 |
+
Validation.prototype = {
|
84 |
+
initialize : function(form, options){
|
85 |
+
this.form = $(form);
|
86 |
+
if (!this.form) {
|
87 |
+
return;
|
88 |
+
}
|
89 |
+
this.options = Object.extend({
|
90 |
+
onSubmit : Validation.defaultOptions.onSubmit,
|
91 |
+
stopOnFirst : Validation.defaultOptions.stopOnFirst,
|
92 |
+
immediate : Validation.defaultOptions.immediate,
|
93 |
+
focusOnError : Validation.defaultOptions.focusOnError,
|
94 |
+
useTitles : Validation.defaultOptions.useTitles,
|
95 |
+
onFormValidate : Validation.defaultOptions.onFormValidate,
|
96 |
+
onElementValidate : Validation.defaultOptions.onElementValidate
|
97 |
+
}, options || {});
|
98 |
+
if(this.options.onSubmit) Event.observe(this.form,'submit',this.onSubmit.bind(this),false);
|
99 |
+
if(this.options.immediate) {
|
100 |
+
Form.getElements(this.form).each(function(input) { // Thanks Mike!
|
101 |
+
if (input.tagName.toLowerCase() == 'select') {
|
102 |
+
Event.observe(input, 'blur', this.onChange.bindAsEventListener(this));
|
103 |
+
}
|
104 |
+
if (input.type.toLowerCase() == 'radio' || input.type.toLowerCase() == 'checkbox') {
|
105 |
+
Event.observe(input, 'click', this.onChange.bindAsEventListener(this));
|
106 |
+
} else {
|
107 |
+
Event.observe(input, 'change', this.onChange.bindAsEventListener(this));
|
108 |
+
}
|
109 |
+
}, this);
|
110 |
+
}
|
111 |
+
},
|
112 |
+
onChange : function (ev) {
|
113 |
+
Validation.isOnChange = true;
|
114 |
+
Validation.validate(Event.element(ev),{
|
115 |
+
useTitle : this.options.useTitles,
|
116 |
+
onElementValidate : this.options.onElementValidate
|
117 |
+
});
|
118 |
+
Validation.isOnChange = false;
|
119 |
+
},
|
120 |
+
onSubmit : function(ev){
|
121 |
+
if(!this.validate()) Event.stop(ev);
|
122 |
+
},
|
123 |
+
validate : function() {
|
124 |
+
var result = false;
|
125 |
+
var useTitles = this.options.useTitles;
|
126 |
+
var callback = this.options.onElementValidate;
|
127 |
+
try {
|
128 |
+
if(this.options.stopOnFirst) {
|
129 |
+
result = Form.getElements(this.form).all(function(elm) {
|
130 |
+
if (elm.hasClassName('local-validation') && !this.isElementInForm(elm, this.form)) {
|
131 |
+
return true;
|
132 |
+
}
|
133 |
+
return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback});
|
134 |
+
}, this);
|
135 |
+
} else {
|
136 |
+
result = Form.getElements(this.form).collect(function(elm) {
|
137 |
+
if (elm.hasClassName('local-validation') && !this.isElementInForm(elm, this.form)) {
|
138 |
+
return true;
|
139 |
+
}
|
140 |
+
return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback});
|
141 |
+
}, this).all();
|
142 |
+
}
|
143 |
+
} catch (e) {
|
144 |
+
|
145 |
+
}
|
146 |
+
if(!result && this.options.focusOnError) {
|
147 |
+
try{
|
148 |
+
Form.getElements(this.form).findAll(function(elm){return $(elm).hasClassName('validation-failed')}).first().focus()
|
149 |
+
}
|
150 |
+
catch(e){
|
151 |
+
|
152 |
+
}
|
153 |
+
}
|
154 |
+
this.options.onFormValidate(result, this.form);
|
155 |
+
return result;
|
156 |
+
},
|
157 |
+
reset : function() {
|
158 |
+
Form.getElements(this.form).each(Validation.reset);
|
159 |
+
},
|
160 |
+
isElementInForm : function(elm, form) {
|
161 |
+
var domForm = elm.up('form');
|
162 |
+
if (domForm == form) {
|
163 |
+
return true;
|
164 |
+
}
|
165 |
+
return false;
|
166 |
+
}
|
167 |
+
}
|
168 |
+
|
169 |
+
Object.extend(Validation, {
|
170 |
+
validate : function(elm, options){
|
171 |
+
options = Object.extend({
|
172 |
+
useTitle : false,
|
173 |
+
onElementValidate : function(result, elm) {}
|
174 |
+
}, options || {});
|
175 |
+
elm = $(elm);
|
176 |
+
|
177 |
+
var cn = $w(elm.className);
|
178 |
+
return result = cn.all(function(value) {
|
179 |
+
var test = Validation.test(value,elm,options.useTitle);
|
180 |
+
options.onElementValidate(test, elm);
|
181 |
+
return test;
|
182 |
+
});
|
183 |
+
},
|
184 |
+
insertAdvice : function(elm, advice){
|
185 |
+
var container = $(elm).up('.field-row');
|
186 |
+
if(container){
|
187 |
+
Element.insert(container, {after: advice});
|
188 |
+
} else if (elm.up('td.value')) {
|
189 |
+
elm.up('td.value').insert({bottom: advice});
|
190 |
+
} else if (elm.advaiceContainer && $(elm.advaiceContainer)) {
|
191 |
+
$(elm.advaiceContainer).update(advice);
|
192 |
+
}
|
193 |
+
else {
|
194 |
+
switch (elm.type.toLowerCase()) {
|
195 |
+
case 'checkbox':
|
196 |
+
case 'radio':
|
197 |
+
var p = elm.parentNode;
|
198 |
+
if(p) {
|
199 |
+
Element.insert(p, {'bottom': advice});
|
200 |
+
} else {
|
201 |
+
Element.insert(elm, {'after': advice});
|
202 |
+
}
|
203 |
+
break;
|
204 |
+
default:
|
205 |
+
Element.insert(elm, {'after': advice});
|
206 |
+
}
|
207 |
+
}
|
208 |
+
},
|
209 |
+
showAdvice : function(elm, advice, adviceName){
|
210 |
+
if(!elm.advices){
|
211 |
+
elm.advices = new Hash();
|
212 |
+
}
|
213 |
+
else{
|
214 |
+
elm.advices.each(function(pair){
|
215 |
+
this.hideAdvice(elm, pair.value);
|
216 |
+
}.bind(this));
|
217 |
+
}
|
218 |
+
elm.advices.set(adviceName, advice);
|
219 |
+
if(typeof Effect == 'undefined') {
|
220 |
+
advice.style.display = 'block';
|
221 |
+
} else {
|
222 |
+
if(!advice._adviceAbsolutize) {
|
223 |
+
new Effect.Appear(advice, {duration : 1 });
|
224 |
+
} else {
|
225 |
+
Position.absolutize(advice);
|
226 |
+
advice.show();
|
227 |
+
advice.setStyle({
|
228 |
+
'top':advice._adviceTop,
|
229 |
+
'left': advice._adviceLeft,
|
230 |
+
'width': advice._adviceWidth,
|
231 |
+
'z-index': 1000
|
232 |
+
});
|
233 |
+
advice.addClassName('advice-absolute');
|
234 |
+
}
|
235 |
+
}
|
236 |
+
},
|
237 |
+
hideAdvice : function(elm, advice){
|
238 |
+
if(advice != null) advice.hide();
|
239 |
+
},
|
240 |
+
updateCallback : function(elm, status) {
|
241 |
+
if (typeof elm.callbackFunction != 'undefined') {
|
242 |
+
eval(elm.callbackFunction+'(\''+elm.id+'\',\''+status+'\')');
|
243 |
+
}
|
244 |
+
},
|
245 |
+
ajaxError : function(elm, errorMsg) {
|
246 |
+
var name = 'validate-ajax';
|
247 |
+
var advice = Validation.getAdvice(name, elm);
|
248 |
+
if (advice == null) {
|
249 |
+
advice = this.createAdvice(name, elm, false, errorMsg);
|
250 |
+
}
|
251 |
+
this.showAdvice(elm, advice, 'validate-ajax');
|
252 |
+
this.updateCallback(elm, 'failed');
|
253 |
+
|
254 |
+
elm.addClassName('validation-failed');
|
255 |
+
elm.addClassName('validate-ajax');
|
256 |
+
if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') {
|
257 |
+
var container = elm.up(Validation.defaultOptions.containerClassName);
|
258 |
+
if (container && this.allowContainerClassName(elm)) {
|
259 |
+
container.removeClassName('validation-passed');
|
260 |
+
container.addClassName('validation-error');
|
261 |
+
}
|
262 |
+
}
|
263 |
+
},
|
264 |
+
allowContainerClassName: function (elm) {
|
265 |
+
if (elm.type == 'radio' || elm.type == 'checkbox') {
|
266 |
+
return elm.hasClassName('change-container-classname');
|
267 |
+
}
|
268 |
+
|
269 |
+
return true;
|
270 |
+
},
|
271 |
+
test : function(name, elm, useTitle) {
|
272 |
+
var v = Validation.get(name);
|
273 |
+
var prop = '__advice'+name.camelize();
|
274 |
+
try {
|
275 |
+
if(Validation.isVisible(elm) && !v.test($F(elm), elm)) {
|
276 |
+
//if(!elm[prop]) {
|
277 |
+
var advice = Validation.getAdvice(name, elm);
|
278 |
+
if (advice == null) {
|
279 |
+
advice = this.createAdvice(name, elm, useTitle);
|
280 |
+
}
|
281 |
+
this.showAdvice(elm, advice, name);
|
282 |
+
this.updateCallback(elm, 'failed');
|
283 |
+
//}
|
284 |
+
elm[prop] = 1;
|
285 |
+
if (!elm.advaiceContainer) {
|
286 |
+
elm.removeClassName('validation-passed');
|
287 |
+
elm.addClassName('validation-failed');
|
288 |
+
}
|
289 |
+
|
290 |
+
if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') {
|
291 |
+
var container = elm.up(Validation.defaultOptions.containerClassName);
|
292 |
+
if (container && this.allowContainerClassName(elm)) {
|
293 |
+
container.removeClassName('validation-passed');
|
294 |
+
container.addClassName('validation-error');
|
295 |
+
}
|
296 |
+
}
|
297 |
+
return false;
|
298 |
+
} else {
|
299 |
+
var advice = Validation.getAdvice(name, elm);
|
300 |
+
this.hideAdvice(elm, advice);
|
301 |
+
this.updateCallback(elm, 'passed');
|
302 |
+
elm[prop] = '';
|
303 |
+
elm.removeClassName('validation-failed');
|
304 |
+
elm.addClassName('validation-passed');
|
305 |
+
if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') {
|
306 |
+
var container = elm.up(Validation.defaultOptions.containerClassName);
|
307 |
+
if (container && !container.down('.validation-failed') && this.allowContainerClassName(elm)) {
|
308 |
+
if (!Validation.get('IsEmpty').test(elm.value) || !this.isVisible(elm)) {
|
309 |
+
container.addClassName('validation-passed');
|
310 |
+
} else {
|
311 |
+
container.removeClassName('validation-passed');
|
312 |
+
}
|
313 |
+
container.removeClassName('validation-error');
|
314 |
+
}
|
315 |
+
}
|
316 |
+
return true;
|
317 |
+
}
|
318 |
+
} catch(e) {
|
319 |
+
throw(e)
|
320 |
+
}
|
321 |
+
},
|
322 |
+
isVisible : function(elm) {
|
323 |
+
while(elm.tagName != 'BODY') {
|
324 |
+
if(!$(elm).visible()) return false;
|
325 |
+
elm = elm.parentNode;
|
326 |
+
}
|
327 |
+
return true;
|
328 |
+
},
|
329 |
+
getAdvice : function(name, elm) {
|
330 |
+
return $('advice-' + name + '-' + Validation.getElmID(elm)) || $('advice-' + Validation.getElmID(elm));
|
331 |
+
},
|
332 |
+
createAdvice : function(name, elm, useTitle, customError) {
|
333 |
+
var v = Validation.get(name);
|
334 |
+
var errorMsg = useTitle ? ((elm && elm.title) ? elm.title : v.error) : v.error;
|
335 |
+
if (customError) {
|
336 |
+
errorMsg = customError;
|
337 |
+
}
|
338 |
+
try {
|
339 |
+
if (Translator){
|
340 |
+
errorMsg = Translator.translate(errorMsg);
|
341 |
+
}
|
342 |
+
}
|
343 |
+
catch(e){}
|
344 |
+
|
345 |
+
advice = '<div class="validation-advice" id="advice-' + name + '-' + Validation.getElmID(elm) +'" style="display:none">' + errorMsg + '</div>'
|
346 |
+
|
347 |
+
|
348 |
+
Validation.insertAdvice(elm, advice);
|
349 |
+
advice = Validation.getAdvice(name, elm);
|
350 |
+
if($(elm).hasClassName('absolute-advice')) {
|
351 |
+
var dimensions = $(elm).getDimensions();
|
352 |
+
var originalPosition = Position.cumulativeOffset(elm);
|
353 |
+
|
354 |
+
advice._adviceTop = (originalPosition[1] + dimensions.height) + 'px';
|
355 |
+
advice._adviceLeft = (originalPosition[0]) + 'px';
|
356 |
+
advice._adviceWidth = (dimensions.width) + 'px';
|
357 |
+
advice._adviceAbsolutize = true;
|
358 |
+
}
|
359 |
+
return advice;
|
360 |
+
},
|
361 |
+
getElmID : function(elm) {
|
362 |
+
return elm.id ? elm.id : elm.name;
|
363 |
+
},
|
364 |
+
reset : function(elm) {
|
365 |
+
elm = $(elm);
|
366 |
+
var cn = $w(elm.className);
|
367 |
+
cn.each(function(value) {
|
368 |
+
var prop = '__advice'+value.camelize();
|
369 |
+
if(elm[prop]) {
|
370 |
+
var advice = Validation.getAdvice(value, elm);
|
371 |
+
if (advice) {
|
372 |
+
advice.hide();
|
373 |
+
}
|
374 |
+
elm[prop] = '';
|
375 |
+
}
|
376 |
+
elm.removeClassName('validation-failed');
|
377 |
+
elm.removeClassName('validation-passed');
|
378 |
+
if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') {
|
379 |
+
var container = elm.up(Validation.defaultOptions.containerClassName);
|
380 |
+
if (container) {
|
381 |
+
container.removeClassName('validation-passed');
|
382 |
+
container.removeClassName('validation-error');
|
383 |
+
}
|
384 |
+
}
|
385 |
+
});
|
386 |
+
},
|
387 |
+
add : function(className, error, test, options) {
|
388 |
+
var nv = {};
|
389 |
+
nv[className] = new Validator(className, error, test, options);
|
390 |
+
Object.extend(Validation.methods, nv);
|
391 |
+
},
|
392 |
+
addAllThese : function(validators) {
|
393 |
+
var nv = {};
|
394 |
+
$A(validators).each(function(value) {
|
395 |
+
nv[value[0]] = new Validator(value[0], value[1], value[2], (value.length > 3 ? value[3] : {}));
|
396 |
+
});
|
397 |
+
Object.extend(Validation.methods, nv);
|
398 |
+
},
|
399 |
+
get : function(name) {
|
400 |
+
return Validation.methods[name] ? Validation.methods[name] : Validation.methods['_LikeNoIDIEverSaw_'];
|
401 |
+
},
|
402 |
+
methods : {
|
403 |
+
'_LikeNoIDIEverSaw_' : new Validator('_LikeNoIDIEverSaw_','',{})
|
404 |
+
}
|
405 |
+
});
|
406 |
+
|
407 |
+
Validation.add('IsEmpty', '', function(v) {
|
408 |
+
return (v == '' || (v == null) || (v.length == 0) || /^\s+$/.test(v)); // || /^\s+$/.test(v));
|
409 |
+
});
|
410 |
+
|
411 |
+
Validation.addAllThese([
|
412 |
+
['validate-select', 'Please select an option.', function(v) {
|
413 |
+
return ((v != "none") && (v != null) && (v.length != 0));
|
414 |
+
}],
|
415 |
+
['required-entry', 'This is a required field.', function(v) {
|
416 |
+
return !Validation.get('IsEmpty').test(v);
|
417 |
+
}],
|
418 |
+
['validate-number', 'Please enter a valid number in this field.', function(v) {
|
419 |
+
return Validation.get('IsEmpty').test(v) || (!isNaN(parseNumber(v)) && !/^\s+$/.test(parseNumber(v)));
|
420 |
+
}],
|
421 |
+
['validate-digits', 'Please use numbers only in this field. please avoid spaces or other characters such as dots or commas.', function(v) {
|
422 |
+
return Validation.get('IsEmpty').test(v) || !/[^\d]/.test(v);
|
423 |
+
}],
|
424 |
+
['validate-alpha', 'Please use letters only (a-z or A-Z) in this field.', function (v) {
|
425 |
+
return Validation.get('IsEmpty').test(v) || /^[a-zA-Z]+$/.test(v)
|
426 |
+
}],
|
427 |
+
['validate-code', 'Please use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.', function (v) {
|
428 |
+
return Validation.get('IsEmpty').test(v) || /^[a-z]+[a-z0-9_]+$/.test(v)
|
429 |
+
}],
|
430 |
+
['validate-alphanum', 'Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.', function(v) {
|
431 |
+
return Validation.get('IsEmpty').test(v) || /^[a-zA-Z0-9]+$/.test(v) /*!/\W/.test(v)*/
|
432 |
+
}],
|
433 |
+
['validate-street', 'Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field.', function(v) {
|
434 |
+
return Validation.get('IsEmpty').test(v) || /^[ \w]{3,}([A-Za-z]\.)?([ \w]*\#\d+)?(\r\n| )[ \w]{3,}/.test(v)
|
435 |
+
}],
|
436 |
+
['validate-phoneStrict', 'Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.', function(v) {
|
437 |
+
return Validation.get('IsEmpty').test(v) || /^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/.test(v);
|
438 |
+
}],
|
439 |
+
['validate-phoneLax', 'Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.', function(v) {
|
440 |
+
return Validation.get('IsEmpty').test(v) || /^((\d[-. ]?)?((\(\d{3}\))|\d{3}))?[-. ]?\d{3}[-. ]?\d{4}$/.test(v);
|
441 |
+
}],
|
442 |
+
['validate-fax', 'Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890.', function(v) {
|
443 |
+
return Validation.get('IsEmpty').test(v) || /^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/.test(v);
|
444 |
+
}],
|
445 |
+
['validate-date', 'Please enter a valid date.', function(v) {
|
446 |
+
var test = new Date(v);
|
447 |
+
return Validation.get('IsEmpty').test(v) || !isNaN(test);
|
448 |
+
}],
|
449 |
+
['validate-email', 'Please enter a valid email address. For example johndoe@domain.com.', function (v) {
|
450 |
+
//return Validation.get('IsEmpty').test(v) || /\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/.test(v)
|
451 |
+
//return Validation.get('IsEmpty').test(v) || /^[\!\#$%\*/?|\^\{\}`~&\'\+\-=_a-z0-9][\!\#$%\*/?|\^\{\}`~&\'\+\-=_a-z0-9\.]{1,30}[\!\#$%\*/?|\^\{\}`~&\'\+\-=_a-z0-9]@([a-z0-9_-]{1,30}\.){1,5}[a-z]{2,4}$/i.test(v)
|
452 |
+
return Validation.get('IsEmpty').test(v) || /^[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+(\.[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*\.([a-z]{2,})/i.test(v)
|
453 |
+
}],
|
454 |
+
['validate-emailSender', 'Please use only visible characters and spaces.', function (v) {
|
455 |
+
return Validation.get('IsEmpty').test(v) || /^[\S ]+$/.test(v)
|
456 |
+
}],
|
457 |
+
['validate-password', 'Please enter 6 or more characters. Leading or trailing spaces will be ignored.', function(v) {
|
458 |
+
var pass=v.strip(); /*strip leading and trailing spaces*/
|
459 |
+
return !(pass.length>0 && pass.length < 6);
|
460 |
+
}],
|
461 |
+
['validate-admin-password', 'Please enter 7 or more characters. Password should contain both numeric and alphabetic characters.', function(v) {
|
462 |
+
var pass=v.strip();
|
463 |
+
if (0 == pass.length) {
|
464 |
+
return true;
|
465 |
+
}
|
466 |
+
if (!(/[a-z]/i.test(v)) || !(/[0-9]/.test(v))) {
|
467 |
+
return false;
|
468 |
+
}
|
469 |
+
return !(pass.length < 7);
|
470 |
+
}],
|
471 |
+
['validate-cpassword', 'Please make sure your passwords match.', function(v) {
|
472 |
+
var conf = $('confirmation') ? $('confirmation') : $$('.validate-cpassword')[0];
|
473 |
+
var pass = false;
|
474 |
+
if ($('password')) {
|
475 |
+
pass = $('password');
|
476 |
+
}
|
477 |
+
var passwordElements = $$('.validate-password');
|
478 |
+
for (var i = 0; i < passwordElements.size(); i++) {
|
479 |
+
var passwordElement = passwordElements[i];
|
480 |
+
if (passwordElement.up('form').id == conf.up('form').id) {
|
481 |
+
pass = passwordElement;
|
482 |
+
}
|
483 |
+
}
|
484 |
+
if ($$('.validate-admin-password').size()) {
|
485 |
+
pass = $$('.validate-admin-password')[0];
|
486 |
+
}
|
487 |
+
return (pass.value == conf.value);
|
488 |
+
}],
|
489 |
+
['validate-url', 'Please enter a valid URL. http:// is required', function (v) {
|
490 |
+
return Validation.get('IsEmpty').test(v) || /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i.test(v)
|
491 |
+
}],
|
492 |
+
['validate-clean-url', 'Please enter a valid URL. For example http://www.example.com or www.example.com', function (v) {
|
493 |
+
return Validation.get('IsEmpty').test(v) || /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i.test(v) || /^(www)((\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i.test(v)
|
494 |
+
}],
|
495 |
+
['validate-identifier', 'Please enter a valid URL Key. For example "example-page", "example-page.html" or "anotherlevel/example-page"', function (v) {
|
496 |
+
return Validation.get('IsEmpty').test(v) || /^[A-Z0-9][A-Z0-9_\/-]+(\.[A-Z0-9_-]+)*$/i.test(v)
|
497 |
+
}],
|
498 |
+
['validate-xml-identifier', 'Please enter a valid XML-identifier. For example something_1, block5, id-4', function (v) {
|
499 |
+
return Validation.get('IsEmpty').test(v) || /^[A-Z][A-Z0-9_\/-]*$/i.test(v)
|
500 |
+
}],
|
501 |
+
['validate-ssn', 'Please enter a valid social security number. For example 123-45-6789.', function(v) {
|
502 |
+
return Validation.get('IsEmpty').test(v) || /^\d{3}-?\d{2}-?\d{4}$/.test(v);
|
503 |
+
}],
|
504 |
+
['validate-zip', 'Please enter a valid zip code. For example 90602 or 90602-1234.', function(v) {
|
505 |
+
return Validation.get('IsEmpty').test(v) || /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(v);
|
506 |
+
}],
|
507 |
+
['validate-zip-international', 'Please enter a valid zip code.', function(v) {
|
508 |
+
//return Validation.get('IsEmpty').test(v) || /(^[A-z0-9]{2,10}([\s]{0,1}|[\-]{0,1})[A-z0-9]{2,10}$)/.test(v);
|
509 |
+
return true;
|
510 |
+
}],
|
511 |
+
['validate-date-au', 'Please use this date format: dd/mm/yyyy. For example 17/03/2006 for the 17th of March, 2006.', function(v) {
|
512 |
+
if(Validation.get('IsEmpty').test(v)) return true;
|
513 |
+
var regex = /^(\d{2})\/(\d{2})\/(\d{4})$/;
|
514 |
+
if(!regex.test(v)) return false;
|
515 |
+
var d = new Date(v.replace(regex, '$2/$1/$3'));
|
516 |
+
return ( parseInt(RegExp.$2, 10) == (1+d.getMonth()) ) &&
|
517 |
+
(parseInt(RegExp.$1, 10) == d.getDate()) &&
|
518 |
+
(parseInt(RegExp.$3, 10) == d.getFullYear() );
|
519 |
+
}],
|
520 |
+
['validate-currency-dollar', 'Please enter a valid $ amount. For example $100.00.', function(v) {
|
521 |
+
// [$]1[##][,###]+[.##]
|
522 |
+
// [$]1###+[.##]
|
523 |
+
// [$]0.##
|
524 |
+
// [$].##
|
525 |
+
return Validation.get('IsEmpty').test(v) || /^\$?\-?([1-9]{1}[0-9]{0,2}(\,[0-9]{3})*(\.[0-9]{0,2})?|[1-9]{1}\d*(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|(\.[0-9]{1,2})?)$/.test(v)
|
526 |
+
}],
|
527 |
+
['validate-one-required', 'Please select one of the above options.', function (v,elm) {
|
528 |
+
var p = elm.parentNode;
|
529 |
+
var options = p.getElementsByTagName('INPUT');
|
530 |
+
return $A(options).any(function(elm) {
|
531 |
+
return $F(elm);
|
532 |
+
});
|
533 |
+
}],
|
534 |
+
['validate-one-required-by-name', 'Please select one of the options.', function (v,elm) {
|
535 |
+
var inputs = $$('input[name="' + elm.name.replace(/([\\"])/g, '\\$1') + '"]');
|
536 |
+
|
537 |
+
var error = 1;
|
538 |
+
for(var i=0;i<inputs.length;i++) {
|
539 |
+
if((inputs[i].type == 'checkbox' || inputs[i].type == 'radio') && inputs[i].checked == true) {
|
540 |
+
error = 0;
|
541 |
+
}
|
542 |
+
|
543 |
+
if(Validation.isOnChange && (inputs[i].type == 'checkbox' || inputs[i].type == 'radio')) {
|
544 |
+
Validation.reset(inputs[i]);
|
545 |
+
}
|
546 |
+
}
|
547 |
+
|
548 |
+
if( error == 0 ) {
|
549 |
+
return true;
|
550 |
+
} else {
|
551 |
+
return false;
|
552 |
+
}
|
553 |
+
}],
|
554 |
+
['validate-not-negative-number', 'Please enter a valid number in this field.', function(v) {
|
555 |
+
v = parseNumber(v);
|
556 |
+
return (!isNaN(v) && v>=0);
|
557 |
+
}],
|
558 |
+
['validate-state', 'Please select State/Province.', function(v) {
|
559 |
+
return (v!=0 || v == '');
|
560 |
+
}],
|
561 |
+
|
562 |
+
['validate-new-password', 'Please enter 6 or more characters. Leading or trailing spaces will be ignored.', function(v) {
|
563 |
+
if (!Validation.get('validate-password').test(v)) return false;
|
564 |
+
if (Validation.get('IsEmpty').test(v) && v != '') return false;
|
565 |
+
return true;
|
566 |
+
}],
|
567 |
+
['validate-greater-than-zero', 'Please enter a number greater than 0 in this field.', function(v) {
|
568 |
+
if(v.length)
|
569 |
+
return parseFloat(v) > 0;
|
570 |
+
else
|
571 |
+
return true;
|
572 |
+
}],
|
573 |
+
['validate-zero-or-greater', 'Please enter a number 0 or greater in this field.', function(v) {
|
574 |
+
if(v.length)
|
575 |
+
return parseFloat(v) >= 0;
|
576 |
+
else
|
577 |
+
return true;
|
578 |
+
}],
|
579 |
+
['validate-cc-number', 'Please enter a valid credit card number.', function(v, elm) {
|
580 |
+
// remove non-numerics
|
581 |
+
var ccTypeContainer = $(elm.id.substr(0,elm.id.indexOf('_cc_number')) + '_cc_type');
|
582 |
+
if (ccTypeContainer && typeof Validation.creditCartTypes.get(ccTypeContainer.value) != 'undefined'
|
583 |
+
&& Validation.creditCartTypes.get(ccTypeContainer.value)[2] == false) {
|
584 |
+
if (!Validation.get('IsEmpty').test(v) && Validation.get('validate-digits').test(v)) {
|
585 |
+
return true;
|
586 |
+
} else {
|
587 |
+
return false;
|
588 |
+
}
|
589 |
+
}
|
590 |
+
return validateCreditCard(v);
|
591 |
+
}],
|
592 |
+
['validate-cc-type', 'Credit card number doesn\'t match credit card type', function(v, elm) {
|
593 |
+
// remove credit card number delimiters such as "-" and space
|
594 |
+
elm.value = removeDelimiters(elm.value);
|
595 |
+
v = removeDelimiters(v);
|
596 |
+
|
597 |
+
var ccTypeContainer = $(elm.id.substr(0,elm.id.indexOf('_cc_number')) + '_cc_type');
|
598 |
+
if (!ccTypeContainer) {
|
599 |
+
return true;
|
600 |
+
}
|
601 |
+
var ccType = ccTypeContainer.value;
|
602 |
+
|
603 |
+
if (typeof Validation.creditCartTypes.get(ccType) == 'undefined') {
|
604 |
+
return false;
|
605 |
+
}
|
606 |
+
|
607 |
+
// Other card type or switch or solo card
|
608 |
+
if (Validation.creditCartTypes.get(ccType)[0]==false) {
|
609 |
+
return true;
|
610 |
+
}
|
611 |
+
|
612 |
+
// Matched credit card type
|
613 |
+
var ccMatchedType = '';
|
614 |
+
|
615 |
+
Validation.creditCartTypes.each(function (pair) {
|
616 |
+
if (pair.value[0] && v.match(pair.value[0])) {
|
617 |
+
ccMatchedType = pair.key;
|
618 |
+
throw $break;
|
619 |
+
}
|
620 |
+
});
|
621 |
+
|
622 |
+
if(ccMatchedType != ccType) {
|
623 |
+
return false;
|
624 |
+
}
|
625 |
+
|
626 |
+
if (ccTypeContainer.hasClassName('validation-failed') && Validation.isOnChange) {
|
627 |
+
Validation.validate(ccTypeContainer);
|
628 |
+
}
|
629 |
+
|
630 |
+
return true;
|
631 |
+
}],
|
632 |
+
['validate-cc-type-select', 'Card type doesn\'t match credit card number', function(v, elm) {
|
633 |
+
var ccNumberContainer = $(elm.id.substr(0,elm.id.indexOf('_cc_type')) + '_cc_number');
|
634 |
+
if (Validation.isOnChange && Validation.get('IsEmpty').test(ccNumberContainer.value)) {
|
635 |
+
return true;
|
636 |
+
}
|
637 |
+
if (Validation.get('validate-cc-type').test(ccNumberContainer.value, ccNumberContainer)) {
|
638 |
+
Validation.validate(ccNumberContainer);
|
639 |
+
}
|
640 |
+
return Validation.get('validate-cc-type').test(ccNumberContainer.value, ccNumberContainer);
|
641 |
+
}],
|
642 |
+
['validate-cc-exp', 'Incorrect credit card expiration date', function(v, elm) {
|
643 |
+
var ccExpMonth = v;
|
644 |
+
var ccExpYear = $(elm.id.substr(0,elm.id.indexOf('_expiration')) + '_expiration_yr').value;
|
645 |
+
var currentTime = new Date();
|
646 |
+
var currentMonth = currentTime.getMonth() + 1;
|
647 |
+
var currentYear = currentTime.getFullYear();
|
648 |
+
if (ccExpMonth < currentMonth && ccExpYear == currentYear) {
|
649 |
+
return false;
|
650 |
+
}
|
651 |
+
return true;
|
652 |
+
}],
|
653 |
+
['validate-cc-cvn', 'Please enter a valid credit card verification number.', function(v, elm) {
|
654 |
+
var ccTypeContainer = $(elm.id.substr(0,elm.id.indexOf('_cc_cid')) + '_cc_type');
|
655 |
+
if (!ccTypeContainer) {
|
656 |
+
return true;
|
657 |
+
}
|
658 |
+
var ccType = ccTypeContainer.value;
|
659 |
+
|
660 |
+
if (typeof Validation.creditCartTypes.get(ccType) == 'undefined') {
|
661 |
+
return false;
|
662 |
+
}
|
663 |
+
|
664 |
+
var re = Validation.creditCartTypes.get(ccType)[1];
|
665 |
+
|
666 |
+
if (v.match(re)) {
|
667 |
+
return true;
|
668 |
+
}
|
669 |
+
|
670 |
+
return false;
|
671 |
+
}],
|
672 |
+
['validate-ajax', '', function(v, elm) { return true; }],
|
673 |
+
['validate-data', 'Please use only letters (a-z or A-Z), numbers (0-9) or underscore(_) in this field, first character should be a letter.', function (v) {
|
674 |
+
if(v != '' && v) {
|
675 |
+
return /^[A-Za-z]+[A-Za-z0-9_]+$/.test(v);
|
676 |
+
}
|
677 |
+
return true;
|
678 |
+
}],
|
679 |
+
['validate-css-length', 'Please input a valid CSS-length. For example 100px or 77pt or 20em or .5ex or 50%', function (v) {
|
680 |
+
if (v != '' && v) {
|
681 |
+
return /^[0-9\.]+(px|pt|em|ex|%)?$/.test(v) && (!(/\..*\./.test(v))) && !(/\.$/.test(v));
|
682 |
+
}
|
683 |
+
return true;
|
684 |
+
}],
|
685 |
+
['validate-length', 'Maximum length exceeded.', function (v, elm) {
|
686 |
+
var re = new RegExp(/^maximum-length-[0-9]+$/);
|
687 |
+
var result = true;
|
688 |
+
$w(elm.className).each(function(name, index) {
|
689 |
+
if (name.match(re) && result) {
|
690 |
+
var length = name.split('-')[2];
|
691 |
+
result = (v.length <= length);
|
692 |
+
}
|
693 |
+
});
|
694 |
+
return result;
|
695 |
+
}],
|
696 |
+
['validate-percents', 'Please enter a number lower than 100', {max:100}]
|
697 |
+
|
698 |
+
]);
|
699 |
+
|
700 |
+
// Credit Card Validation Javascript
|
701 |
+
// copyright 12th May 2003, by Stephen Chapman, Felgall Pty Ltd
|
702 |
+
|
703 |
+
// You have permission to copy and use this javascript provided that
|
704 |
+
// the content of the script is not changed in any way.
|
705 |
+
|
706 |
+
function validateCreditCard(s) {
|
707 |
+
// remove non-numerics
|
708 |
+
var v = "0123456789";
|
709 |
+
var w = "";
|
710 |
+
for (i=0; i < s.length; i++) {
|
711 |
+
x = s.charAt(i);
|
712 |
+
if (v.indexOf(x,0) != -1)
|
713 |
+
w += x;
|
714 |
+
}
|
715 |
+
// validate number
|
716 |
+
j = w.length / 2;
|
717 |
+
k = Math.floor(j);
|
718 |
+
m = Math.ceil(j) - k;
|
719 |
+
c = 0;
|
720 |
+
for (i=0; i<k; i++) {
|
721 |
+
a = w.charAt(i*2+m) * 2;
|
722 |
+
c += a > 9 ? Math.floor(a/10 + a%10) : a;
|
723 |
+
}
|
724 |
+
for (i=0; i<k+m; i++) c += w.charAt(i*2+1-m) * 1;
|
725 |
+
return (c%10 == 0);
|
726 |
+
}
|
727 |
+
|
728 |
+
function removeDelimiters (v) {
|
729 |
+
v = v.replace(/\s/g, '');
|
730 |
+
v = v.replace(/\-/g, '');
|
731 |
+
return v;
|
732 |
+
}
|
733 |
+
|
734 |
+
function parseNumber(v)
|
735 |
+
{
|
736 |
+
if (typeof v != 'string') {
|
737 |
+
return parseFloat(v);
|
738 |
+
}
|
739 |
+
|
740 |
+
var isDot = v.indexOf('.');
|
741 |
+
var isComa = v.indexOf(',');
|
742 |
+
|
743 |
+
if (isDot != -1 && isComa != -1) {
|
744 |
+
if (isComa > isDot) {
|
745 |
+
v = v.replace('.', '').replace(',', '.');
|
746 |
+
}
|
747 |
+
else {
|
748 |
+
v = v.replace(',', '');
|
749 |
+
}
|
750 |
+
}
|
751 |
+
else if (isComa != -1) {
|
752 |
+
v = v.replace(',', '.');
|
753 |
+
}
|
754 |
+
|
755 |
+
return parseFloat(v);
|
756 |
+
}
|
757 |
+
|
758 |
+
/**
|
759 |
+
* Hash with credit card types wich can be simply extended in payment modules
|
760 |
+
* 0 - regexp for card number
|
761 |
+
* 1 - regexp for cvn
|
762 |
+
* 2 - check or not credit card number trough Luhn algorithm by
|
763 |
+
* function validateCreditCard wich you can find above in this file
|
764 |
+
*/
|
765 |
+
Validation.creditCartTypes = $H({
|
766 |
+
'VI': [new RegExp('^4[0-9]{12}([0-9]{3})?$'), new RegExp('^[0-9]{3}$'), true],
|
767 |
+
'MC': [new RegExp('^5[1-5][0-9]{14}$'), new RegExp('^[0-9]{3}$'), true],
|
768 |
+
'AE': [new RegExp('^3[47][0-9]{13}$'), new RegExp('^[0-9]{4}$'), true],
|
769 |
+
'DI': [new RegExp('^6011[0-9]{12}$'), new RegExp('^[0-9]{3}$'), true],
|
770 |
+
'SS': [new RegExp('^((6759[0-9]{12})|(49[013][1356][0-9]{13})|(633[34][0-9]{12})|(633110[0-9]{10})|(564182[0-9]{10}))([0-9]{2,3})?$'), new RegExp('^([0-9]{3}|[0-9]{4})?$'), true],
|
771 |
+
'OT': [false, new RegExp('^([0-9]{3}|[0-9]{4})?$'), false]
|
772 |
+
});
|
773 |
+
|
774 |
+
|
js/prototype/window.js
ADDED
@@ -0,0 +1,1855 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Copyright (c) 2006 Sébastien Gruhier (http://xilinus.com, http://itseb.com)
|
2 |
+
//
|
3 |
+
// Permission is hereby granted, free of charge, to any person obtaining
|
4 |
+
// a copy of this software and associated documentation files (the
|
5 |
+
// "Software"), to deal in the Software without restriction, including
|
6 |
+
// without limitation the rights to use, copy, modify, merge, publish,
|
7 |
+
// distribute, sublicense, and/or sell copies of the Software, and to
|
8 |
+
// permit persons to whom the Software is furnished to do so, subject to
|
9 |
+
// the following conditions:
|
10 |
+
//
|
11 |
+
// The above copyright notice and this permission notice shall be
|
12 |
+
// included in all copies or substantial portions of the Software.
|
13 |
+
//
|
14 |
+
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
15 |
+
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
16 |
+
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
17 |
+
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
18 |
+
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
19 |
+
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
20 |
+
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
21 |
+
//
|
22 |
+
// VERSION 1.3
|
23 |
+
|
24 |
+
var Window = Class.create();
|
25 |
+
|
26 |
+
Window.keepMultiModalWindow = false;
|
27 |
+
Window.hasEffectLib = (typeof Effect != 'undefined');
|
28 |
+
Window.resizeEffectDuration = 0.4;
|
29 |
+
|
30 |
+
Window.prototype = {
|
31 |
+
// Constructor
|
32 |
+
// Available parameters : className, blurClassName, title, minWidth, minHeight, maxWidth, maxHeight, width, height, top, left, bottom, right, resizable, zIndex, opacity, recenterAuto, wiredDrag
|
33 |
+
// hideEffect, showEffect, showEffectOptions, hideEffectOptions, effectOptions, url, draggable, closable, minimizable, maximizable, parent, onload
|
34 |
+
// add all callbacks (if you do not use an observer)
|
35 |
+
// onDestroy onStartResize onStartMove onResize onMove onEndResize onEndMove onFocus onBlur onBeforeShow onShow onHide onMinimize onMaximize onClose
|
36 |
+
|
37 |
+
initialize: function() {
|
38 |
+
var id;
|
39 |
+
var optionIndex = 0;
|
40 |
+
// For backward compatibility like win= new Window("id", {...}) instead of win = new Window({id: "id", ...})
|
41 |
+
if (arguments.length > 0) {
|
42 |
+
if (typeof arguments[0] == "string" ) {
|
43 |
+
id = arguments[0];
|
44 |
+
optionIndex = 1;
|
45 |
+
}
|
46 |
+
else
|
47 |
+
id = arguments[0] ? arguments[0].id : null;
|
48 |
+
}
|
49 |
+
|
50 |
+
// Generate unique ID if not specified
|
51 |
+
if (!id)
|
52 |
+
id = "window_" + new Date().getTime();
|
53 |
+
|
54 |
+
if ($(id))
|
55 |
+
alert("Window " + id + " is already registered in the DOM! Make sure you use setDestroyOnClose() or destroyOnClose: true in the constructor");
|
56 |
+
|
57 |
+
this.options = Object.extend({
|
58 |
+
className: "dialog",
|
59 |
+
blurClassName: null,
|
60 |
+
minWidth: 100,
|
61 |
+
minHeight: 20,
|
62 |
+
resizable: true,
|
63 |
+
closable: true,
|
64 |
+
minimizable: true,
|
65 |
+
maximizable: true,
|
66 |
+
draggable: true,
|
67 |
+
userData: null,
|
68 |
+
showEffect: (Window.hasEffectLib ? Effect.Appear : Element.show),
|
69 |
+
hideEffect: (Window.hasEffectLib ? Effect.Fade : Element.hide),
|
70 |
+
showEffectOptions: {},
|
71 |
+
hideEffectOptions: {},
|
72 |
+
effectOptions: null,
|
73 |
+
parent: document.body,
|
74 |
+
title: " ",
|
75 |
+
url: null,
|
76 |
+
onload: Prototype.emptyFunction,
|
77 |
+
width: 200,
|
78 |
+
height: 300,
|
79 |
+
opacity: 1,
|
80 |
+
recenterAuto: true,
|
81 |
+
wiredDrag: false,
|
82 |
+
closeOnEsc: true,
|
83 |
+
closeCallback: null,
|
84 |
+
destroyOnClose: false,
|
85 |
+
gridX: 1,
|
86 |
+
gridY: 1
|
87 |
+
}, arguments[optionIndex] || {});
|
88 |
+
if (this.options.blurClassName)
|
89 |
+
this.options.focusClassName = this.options.className;
|
90 |
+
|
91 |
+
if (typeof this.options.top == "undefined" && typeof this.options.bottom == "undefined")
|
92 |
+
this.options.top = this._round(Math.random()*500, this.options.gridY);
|
93 |
+
if (typeof this.options.left == "undefined" && typeof this.options.right == "undefined")
|
94 |
+
this.options.left = this._round(Math.random()*500, this.options.gridX);
|
95 |
+
|
96 |
+
if (this.options.effectOptions) {
|
97 |
+
Object.extend(this.options.hideEffectOptions, this.options.effectOptions);
|
98 |
+
Object.extend(this.options.showEffectOptions, this.options.effectOptions);
|
99 |
+
if (this.options.showEffect == Element.Appear)
|
100 |
+
this.options.showEffectOptions.to = this.options.opacity;
|
101 |
+
}
|
102 |
+
if (Window.hasEffectLib) {
|
103 |
+
if (this.options.showEffect == Effect.Appear)
|
104 |
+
this.options.showEffectOptions.to = this.options.opacity;
|
105 |
+
|
106 |
+
if (this.options.hideEffect == Effect.Fade)
|
107 |
+
this.options.hideEffectOptions.from = this.options.opacity;
|
108 |
+
}
|
109 |
+
if (this.options.hideEffect == Element.hide)
|
110 |
+
this.options.hideEffect = function(){ Element.hide(this.element); if (this.options.destroyOnClose) this.destroy(); }.bind(this)
|
111 |
+
|
112 |
+
if (this.options.parent != document.body)
|
113 |
+
this.options.parent = $(this.options.parent);
|
114 |
+
|
115 |
+
this.element = this._createWindow(id);
|
116 |
+
this.element.win = this;
|
117 |
+
|
118 |
+
// Bind event listener
|
119 |
+
this.eventMouseDown = this._initDrag.bindAsEventListener(this);
|
120 |
+
this.eventMouseUp = this._endDrag.bindAsEventListener(this);
|
121 |
+
this.eventMouseMove = this._updateDrag.bindAsEventListener(this);
|
122 |
+
this.eventOnLoad = this._getWindowBorderSize.bindAsEventListener(this);
|
123 |
+
this.eventMouseDownContent = this.toFront.bindAsEventListener(this);
|
124 |
+
this.eventResize = this._recenter.bindAsEventListener(this);
|
125 |
+
this.eventKeyUp = this._keyUp.bindAsEventListener(this);
|
126 |
+
|
127 |
+
this.topbar = $(this.element.id + "_top");
|
128 |
+
this.bottombar = $(this.element.id + "_bottom");
|
129 |
+
this.content = $(this.element.id + "_content");
|
130 |
+
|
131 |
+
Event.observe(this.topbar, "mousedown", this.eventMouseDown);
|
132 |
+
Event.observe(this.bottombar, "mousedown", this.eventMouseDown);
|
133 |
+
Event.observe(this.content, "mousedown", this.eventMouseDownContent);
|
134 |
+
Event.observe(window, "load", this.eventOnLoad);
|
135 |
+
Event.observe(window, "resize", this.eventResize);
|
136 |
+
Event.observe(window, "scroll", this.eventResize);
|
137 |
+
Event.observe(document, "keyup", this.eventKeyUp);
|
138 |
+
Event.observe(this.options.parent, "scroll", this.eventResize);
|
139 |
+
|
140 |
+
if (this.options.draggable) {
|
141 |
+
var that = this;
|
142 |
+
[this.topbar, this.topbar.up().previous(), this.topbar.up().next()].each(function(element) {
|
143 |
+
element.observe("mousedown", that.eventMouseDown);
|
144 |
+
element.addClassName("top_draggable");
|
145 |
+
});
|
146 |
+
[this.bottombar.up(), this.bottombar.up().previous(), this.bottombar.up().next()].each(function(element) {
|
147 |
+
element.observe("mousedown", that.eventMouseDown);
|
148 |
+
element.addClassName("bottom_draggable");
|
149 |
+
});
|
150 |
+
|
151 |
+
}
|
152 |
+
|
153 |
+
if (this.options.resizable) {
|
154 |
+
this.sizer = $(this.element.id + "_sizer");
|
155 |
+
Event.observe(this.sizer, "mousedown", this.eventMouseDown);
|
156 |
+
}
|
157 |
+
|
158 |
+
this.useLeft = null;
|
159 |
+
this.useTop = null;
|
160 |
+
if (typeof this.options.left != "undefined") {
|
161 |
+
this.element.setStyle({left: parseFloat(this.options.left) + 'px'});
|
162 |
+
this.useLeft = true;
|
163 |
+
}
|
164 |
+
else {
|
165 |
+
this.element.setStyle({right: parseFloat(this.options.right) + 'px'});
|
166 |
+
this.useLeft = false;
|
167 |
+
}
|
168 |
+
|
169 |
+
if (typeof this.options.top != "undefined") {
|
170 |
+
this.element.setStyle({top: parseFloat(this.options.top) + 'px'});
|
171 |
+
this.useTop = true;
|
172 |
+
}
|
173 |
+
else {
|
174 |
+
this.element.setStyle({bottom: parseFloat(this.options.bottom) + 'px'});
|
175 |
+
this.useTop = false;
|
176 |
+
}
|
177 |
+
|
178 |
+
this.storedLocation = null;
|
179 |
+
|
180 |
+
this.setOpacity(this.options.opacity);
|
181 |
+
if (this.options.zIndex)
|
182 |
+
this.setZIndex(this.options.zIndex)
|
183 |
+
|
184 |
+
if (this.options.destroyOnClose)
|
185 |
+
this.setDestroyOnClose(true);
|
186 |
+
|
187 |
+
this._getWindowBorderSize();
|
188 |
+
this.width = this.options.width;
|
189 |
+
this.height = this.options.height;
|
190 |
+
this.visible = false;
|
191 |
+
|
192 |
+
this.constraint = false;
|
193 |
+
this.constraintPad = {top: 0, left:0, bottom:0, right:0};
|
194 |
+
|
195 |
+
if (this.width && this.height)
|
196 |
+
this.setSize(this.options.width, this.options.height);
|
197 |
+
this.setTitle(this.options.title)
|
198 |
+
Windows.register(this);
|
199 |
+
},
|
200 |
+
|
201 |
+
// Destructor
|
202 |
+
destroy: function() {
|
203 |
+
this._notify("onDestroy");
|
204 |
+
Event.stopObserving(this.topbar, "mousedown", this.eventMouseDown);
|
205 |
+
Event.stopObserving(this.bottombar, "mousedown", this.eventMouseDown);
|
206 |
+
Event.stopObserving(this.content, "mousedown", this.eventMouseDownContent);
|
207 |
+
|
208 |
+
Event.stopObserving(window, "load", this.eventOnLoad);
|
209 |
+
Event.stopObserving(window, "resize", this.eventResize);
|
210 |
+
Event.stopObserving(window, "scroll", this.eventResize);
|
211 |
+
|
212 |
+
Event.stopObserving(this.content, "load", this.options.onload);
|
213 |
+
Event.stopObserving(document, "keyup", this.eventKeyUp);
|
214 |
+
|
215 |
+
if (this._oldParent) {
|
216 |
+
var content = this.getContent();
|
217 |
+
var originalContent = null;
|
218 |
+
for(var i = 0; i < content.childNodes.length; i++) {
|
219 |
+
originalContent = content.childNodes[i];
|
220 |
+
if (originalContent.nodeType == 1)
|
221 |
+
break;
|
222 |
+
originalContent = null;
|
223 |
+
}
|
224 |
+
if (originalContent)
|
225 |
+
this._oldParent.appendChild(originalContent);
|
226 |
+
this._oldParent = null;
|
227 |
+
}
|
228 |
+
|
229 |
+
if (this.sizer)
|
230 |
+
Event.stopObserving(this.sizer, "mousedown", this.eventMouseDown);
|
231 |
+
|
232 |
+
if (this.options.url)
|
233 |
+
this.content.src = null
|
234 |
+
|
235 |
+
if(this.iefix)
|
236 |
+
Element.remove(this.iefix);
|
237 |
+
|
238 |
+
Element.remove(this.element);
|
239 |
+
Windows.unregister(this);
|
240 |
+
},
|
241 |
+
|
242 |
+
// Sets close callback, if it sets, it should return true to be able to close the window.
|
243 |
+
setCloseCallback: function(callback) {
|
244 |
+
this.options.closeCallback = callback;
|
245 |
+
},
|
246 |
+
|
247 |
+
// Gets window content
|
248 |
+
getContent: function () {
|
249 |
+
return this.content;
|
250 |
+
},
|
251 |
+
|
252 |
+
// Sets the content with an element id
|
253 |
+
setContent: function(id, autoresize, autoposition) {
|
254 |
+
var element = $(id);
|
255 |
+
if (null == element) throw "Unable to find element '" + id + "' in DOM";
|
256 |
+
this._oldParent = element.parentNode;
|
257 |
+
|
258 |
+
var d = null;
|
259 |
+
var p = null;
|
260 |
+
|
261 |
+
if (autoresize)
|
262 |
+
d = Element.getDimensions(element);
|
263 |
+
if (autoposition)
|
264 |
+
p = Position.cumulativeOffset(element);
|
265 |
+
|
266 |
+
var content = this.getContent();
|
267 |
+
// Clear HTML (and even iframe)
|
268 |
+
this.setHTMLContent("");
|
269 |
+
content = this.getContent();
|
270 |
+
|
271 |
+
content.appendChild(element);
|
272 |
+
element.show();
|
273 |
+
if (autoresize)
|
274 |
+
this.setSize(d.width, d.height);
|
275 |
+
if (autoposition)
|
276 |
+
this.setLocation(p[1] - this.heightN, p[0] - this.widthW);
|
277 |
+
},
|
278 |
+
|
279 |
+
setHTMLContent: function(html) {
|
280 |
+
// It was an url (iframe), recreate a div content instead of iframe content
|
281 |
+
if (this.options.url) {
|
282 |
+
this.content.src = null;
|
283 |
+
this.options.url = null;
|
284 |
+
|
285 |
+
var content ="<div id=\"" + this.getId() + "_content\" class=\"" + this.options.className + "_content\"> </div>";
|
286 |
+
$(this.getId() +"_table_content").innerHTML = content;
|
287 |
+
|
288 |
+
this.content = $(this.element.id + "_content");
|
289 |
+
}
|
290 |
+
|
291 |
+
this.getContent().innerHTML = html;
|
292 |
+
},
|
293 |
+
|
294 |
+
setAjaxContent: function(url, options, showCentered, showModal) {
|
295 |
+
this.showFunction = showCentered ? "showCenter" : "show";
|
296 |
+
this.showModal = showModal || false;
|
297 |
+
|
298 |
+
options = options || {};
|
299 |
+
|
300 |
+
// Clear HTML (and even iframe)
|
301 |
+
this.setHTMLContent("");
|
302 |
+
|
303 |
+
this.onComplete = options.onComplete;
|
304 |
+
if (! this._onCompleteHandler)
|
305 |
+
this._onCompleteHandler = this._setAjaxContent.bind(this);
|
306 |
+
options.onComplete = this._onCompleteHandler;
|
307 |
+
|
308 |
+
new Ajax.Request(url, options);
|
309 |
+
options.onComplete = this.onComplete;
|
310 |
+
},
|
311 |
+
|
312 |
+
_setAjaxContent: function(originalRequest) {
|
313 |
+
Element.update(this.getContent(), originalRequest.responseText);
|
314 |
+
if (this.onComplete)
|
315 |
+
this.onComplete(originalRequest);
|
316 |
+
this.onComplete = null;
|
317 |
+
this[this.showFunction](this.showModal)
|
318 |
+
},
|
319 |
+
|
320 |
+
setURL: function(url) {
|
321 |
+
// Not an url content, change div to iframe
|
322 |
+
if (this.options.url)
|
323 |
+
this.content.src = null;
|
324 |
+
this.options.url = url;
|
325 |
+
var content= "<iframe frameborder='0' name='" + this.getId() + "_content' id='" + this.getId() + "_content' src='" + url + "' width='" + this.width + "' height='" + this.height + "'> </iframe>";
|
326 |
+
$(this.getId() +"_table_content").innerHTML = content;
|
327 |
+
|
328 |
+
this.content = $(this.element.id + "_content");
|
329 |
+
},
|
330 |
+
|
331 |
+
getURL: function() {
|
332 |
+
return this.options.url ? this.options.url : null;
|
333 |
+
},
|
334 |
+
|
335 |
+
refresh: function() {
|
336 |
+
if (this.options.url)
|
337 |
+
$(this.element.getAttribute('id') + '_content').src = this.options.url;
|
338 |
+
},
|
339 |
+
|
340 |
+
// Stores position/size in a cookie, by default named with window id
|
341 |
+
setCookie: function(name, expires, path, domain, secure) {
|
342 |
+
name = name || this.element.id;
|
343 |
+
this.cookie = [name, expires, path, domain, secure];
|
344 |
+
|
345 |
+
// Get cookie
|
346 |
+
var value = WindowUtilities.getCookie(name)
|
347 |
+
// If exists
|
348 |
+
if (value) {
|
349 |
+
var values = value.split(',');
|
350 |
+
var x = values[0].split(':');
|
351 |
+
var y = values[1].split(':');
|
352 |
+
|
353 |
+
var w = parseFloat(values[2]), h = parseFloat(values[3]);
|
354 |
+
var mini = values[4];
|
355 |
+
var maxi = values[5];
|
356 |
+
|
357 |
+
this.setSize(w, h);
|
358 |
+
if (mini == "true")
|
359 |
+
this.doMinimize = true; // Minimize will be done at onload window event
|
360 |
+
else if (maxi == "true")
|
361 |
+
this.doMaximize = true; // Maximize will be done at onload window event
|
362 |
+
|
363 |
+
this.useLeft = x[0] == "l";
|
364 |
+
this.useTop = y[0] == "t";
|
365 |
+
|
366 |
+
this.element.setStyle(this.useLeft ? {left: x[1]} : {right: x[1]});
|
367 |
+
this.element.setStyle(this.useTop ? {top: y[1]} : {bottom: y[1]});
|
368 |
+
}
|
369 |
+
},
|
370 |
+
|
371 |
+
// Gets window ID
|
372 |
+
getId: function() {
|
373 |
+
return this.element.id;
|
374 |
+
},
|
375 |
+
|
376 |
+
// Detroys itself when closing
|
377 |
+
setDestroyOnClose: function() {
|
378 |
+
this.options.destroyOnClose = true;
|
379 |
+
},
|
380 |
+
|
381 |
+
setConstraint: function(bool, padding) {
|
382 |
+
this.constraint = bool;
|
383 |
+
this.constraintPad = Object.extend(this.constraintPad, padding || {});
|
384 |
+
// Reset location to apply constraint
|
385 |
+
if (this.useTop && this.useLeft)
|
386 |
+
this.setLocation(parseFloat(this.element.style.top), parseFloat(this.element.style.left));
|
387 |
+
},
|
388 |
+
|
389 |
+
// initDrag event
|
390 |
+
|
391 |
+
_initDrag: function(event) {
|
392 |
+
// No resize on minimized window
|
393 |
+
if (Event.element(event) == this.sizer && this.isMinimized())
|
394 |
+
return;
|
395 |
+
|
396 |
+
// No move on maximzed window
|
397 |
+
if (Event.element(event) != this.sizer && this.isMaximized())
|
398 |
+
return;
|
399 |
+
|
400 |
+
if (Prototype.Browser.IE && this.heightN == 0)
|
401 |
+
this._getWindowBorderSize();
|
402 |
+
|
403 |
+
// Get pointer X,Y
|
404 |
+
this.pointer = [this._round(Event.pointerX(event), this.options.gridX), this._round(Event.pointerY(event), this.options.gridY)];
|
405 |
+
if (this.options.wiredDrag)
|
406 |
+
this.currentDrag = this._createWiredElement();
|
407 |
+
else
|
408 |
+
this.currentDrag = this.element;
|
409 |
+
|
410 |
+
// Resize
|
411 |
+
if (Event.element(event) == this.sizer) {
|
412 |
+
this.doResize = true;
|
413 |
+
this.widthOrg = this.width;
|
414 |
+
this.heightOrg = this.height;
|
415 |
+
this.bottomOrg = parseFloat(this.element.getStyle('bottom'));
|
416 |
+
this.rightOrg = parseFloat(this.element.getStyle('right'));
|
417 |
+
this._notify("onStartResize");
|
418 |
+
}
|
419 |
+
else {
|
420 |
+
this.doResize = false;
|
421 |
+
|
422 |
+
// Check if click on close button,
|
423 |
+
var closeButton = $(this.getId() + '_close');
|
424 |
+
if (closeButton && Position.within(closeButton, this.pointer[0], this.pointer[1])) {
|
425 |
+
this.currentDrag = null;
|
426 |
+
return;
|
427 |
+
}
|
428 |
+
|
429 |
+
this.toFront();
|
430 |
+
|
431 |
+
if (! this.options.draggable)
|
432 |
+
return;
|
433 |
+
this._notify("onStartMove");
|
434 |
+
}
|
435 |
+
// Register global event to capture mouseUp and mouseMove
|
436 |
+
Event.observe(document, "mouseup", this.eventMouseUp, false);
|
437 |
+
Event.observe(document, "mousemove", this.eventMouseMove, false);
|
438 |
+
|
439 |
+
// Add an invisible div to keep catching mouse event over iframes
|
440 |
+
WindowUtilities.disableScreen('__invisible__', '__invisible__', this.overlayOpacity);
|
441 |
+
|
442 |
+
// Stop selection while dragging
|
443 |
+
document.body.ondrag = function () { return false; };
|
444 |
+
document.body.onselectstart = function () { return false; };
|
445 |
+
|
446 |
+
this.currentDrag.show();
|
447 |
+
Event.stop(event);
|
448 |
+
},
|
449 |
+
|
450 |
+
_round: function(val, round) {
|
451 |
+
return round == 1 ? val : val = Math.floor(val / round) * round;
|
452 |
+
},
|
453 |
+
|
454 |
+
// updateDrag event
|
455 |
+
_updateDrag: function(event) {
|
456 |
+
var pointer = [this._round(Event.pointerX(event), this.options.gridX), this._round(Event.pointerY(event), this.options.gridY)];
|
457 |
+
var dx = pointer[0] - this.pointer[0];
|
458 |
+
var dy = pointer[1] - this.pointer[1];
|
459 |
+
|
460 |
+
// Resize case, update width/height
|
461 |
+
if (this.doResize) {
|
462 |
+
var w = this.widthOrg + dx;
|
463 |
+
var h = this.heightOrg + dy;
|
464 |
+
|
465 |
+
dx = this.width - this.widthOrg
|
466 |
+
dy = this.height - this.heightOrg
|
467 |
+
|
468 |
+
// Check if it's a right position, update it to keep upper-left corner at the same position
|
469 |
+
if (this.useLeft)
|
470 |
+
w = this._updateWidthConstraint(w)
|
471 |
+
else
|
472 |
+
this.currentDrag.setStyle({right: (this.rightOrg -dx) + 'px'});
|
473 |
+
// Check if it's a bottom position, update it to keep upper-left corner at the same position
|
474 |
+
if (this.useTop)
|
475 |
+
h = this._updateHeightConstraint(h)
|
476 |
+
else
|
477 |
+
this.currentDrag.setStyle({bottom: (this.bottomOrg -dy) + 'px'});
|
478 |
+
|
479 |
+
this.setSize(w , h);
|
480 |
+
this._notify("onResize");
|
481 |
+
}
|
482 |
+
// Move case, update top/left
|
483 |
+
else {
|
484 |
+
this.pointer = pointer;
|
485 |
+
|
486 |
+
if (this.useLeft) {
|
487 |
+
var left = parseFloat(this.currentDrag.getStyle('left')) + dx;
|
488 |
+
var newLeft = this._updateLeftConstraint(left);
|
489 |
+
// Keep mouse pointer correct
|
490 |
+
this.pointer[0] += newLeft-left;
|
491 |
+
this.currentDrag.setStyle({left: newLeft + 'px'});
|
492 |
+
}
|
493 |
+
else
|
494 |
+
this.currentDrag.setStyle({right: parseFloat(this.currentDrag.getStyle('right')) - dx + 'px'});
|
495 |
+
|
496 |
+
if (this.useTop) {
|
497 |
+
var top = parseFloat(this.currentDrag.getStyle('top')) + dy;
|
498 |
+
var newTop = this._updateTopConstraint(top);
|
499 |
+
// Keep mouse pointer correct
|
500 |
+
this.pointer[1] += newTop - top;
|
501 |
+
this.currentDrag.setStyle({top: newTop + 'px'});
|
502 |
+
}
|
503 |
+
else
|
504 |
+
this.currentDrag.setStyle({bottom: parseFloat(this.currentDrag.getStyle('bottom')) - dy + 'px'});
|
505 |
+
|
506 |
+
this._notify("onMove");
|
507 |
+
}
|
508 |
+
if (this.iefix)
|
509 |
+
this._fixIEOverlapping();
|
510 |
+
|
511 |
+
this._removeStoreLocation();
|
512 |
+
Event.stop(event);
|
513 |
+
},
|
514 |
+
|
515 |
+
// endDrag callback
|
516 |
+
_endDrag: function(event) {
|
517 |
+
// Remove temporary div over iframes
|
518 |
+
WindowUtilities.enableScreen('__invisible__');
|
519 |
+
|
520 |
+
if (this.doResize)
|
521 |
+
this._notify("onEndResize");
|
522 |
+
else
|
523 |
+
this._notify("onEndMove");
|
524 |
+
|
525 |
+
// Release event observing
|
526 |
+
Event.stopObserving(document, "mouseup", this.eventMouseUp,false);
|
527 |
+
Event.stopObserving(document, "mousemove", this.eventMouseMove, false);
|
528 |
+
|
529 |
+
Event.stop(event);
|
530 |
+
|
531 |
+
this._hideWiredElement();
|
532 |
+
|
533 |
+
// Store new location/size if need be
|
534 |
+
this._saveCookie()
|
535 |
+
|
536 |
+
// Restore selection
|
537 |
+
document.body.ondrag = null;
|
538 |
+
document.body.onselectstart = null;
|
539 |
+
},
|
540 |
+
|
541 |
+
_updateLeftConstraint: function(left) {
|
542 |
+
if (this.constraint && this.useLeft && this.useTop) {
|
543 |
+
var width = this.options.parent == document.body ? WindowUtilities.getPageSize().windowWidth : this.options.parent.getDimensions().width;
|
544 |
+
|
545 |
+
if (left < this.constraintPad.left)
|
546 |
+
left = this.constraintPad.left;
|
547 |
+
if (left + this.width + this.widthE + this.widthW > width - this.constraintPad.right)
|
548 |
+
left = width - this.constraintPad.right - this.width - this.widthE - this.widthW;
|
549 |
+
}
|
550 |
+
return left;
|
551 |
+
},
|
552 |
+
|
553 |
+
_updateTopConstraint: function(top) {
|
554 |
+
if (this.constraint && this.useLeft && this.useTop) {
|
555 |
+
var height = this.options.parent == document.body ? WindowUtilities.getPageSize().windowHeight : this.options.parent.getDimensions().height;
|
556 |
+
|
557 |
+
var h = this.height + this.heightN + this.heightS;
|
558 |
+
|
559 |
+
if (top < this.constraintPad.top)
|
560 |
+
top = this.constraintPad.top;
|
561 |
+
if (top + h > height - this.constraintPad.bottom)
|
562 |
+
top = height - this.constraintPad.bottom - h;
|
563 |
+
}
|
564 |
+
return top;
|
565 |
+
},
|
566 |
+
|
567 |
+
_updateWidthConstraint: function(w) {
|
568 |
+
if (this.constraint && this.useLeft && this.useTop) {
|
569 |
+
var width = this.options.parent == document.body ? WindowUtilities.getPageSize().windowWidth : this.options.parent.getDimensions().width;
|
570 |
+
var left = parseFloat(this.element.getStyle("left"));
|
571 |
+
|
572 |
+
if (left + w + this.widthE + this.widthW > width - this.constraintPad.right)
|
573 |
+
w = width - this.constraintPad.right - left - this.widthE - this.widthW;
|
574 |
+
}
|
575 |
+
return w;
|
576 |
+
},
|
577 |
+
|
578 |
+
_updateHeightConstraint: function(h) {
|
579 |
+
if (this.constraint && this.useLeft && this.useTop) {
|
580 |
+
var height = this.options.parent == document.body ? WindowUtilities.getPageSize().windowHeight : this.options.parent.getDimensions().height;
|
581 |
+
var top = parseFloat(this.element.getStyle("top"));
|
582 |
+
|
583 |
+
if (top + h + this.heightN + this.heightS > height - this.constraintPad.bottom)
|
584 |
+
h = height - this.constraintPad.bottom - top - this.heightN - this.heightS;
|
585 |
+
}
|
586 |
+
return h;
|
587 |
+
},
|
588 |
+
|
589 |
+
|
590 |
+
// Creates HTML window code
|
591 |
+
_createWindow: function(id) {
|
592 |
+
var className = this.options.className;
|
593 |
+
var win = document.createElement("div");
|
594 |
+
win.setAttribute('id', id);
|
595 |
+
win.className = "dialog";
|
596 |
+
|
597 |
+
var content;
|
598 |
+
if (this.options.url)
|
599 |
+
content= "<iframe frameborder=\"0\" name=\"" + id + "_content\" id=\"" + id + "_content\" src=\"" + this.options.url + "\"> </iframe>";
|
600 |
+
else
|
601 |
+
content ="<div id=\"" + id + "_content\" class=\"" +className + "_content\"> </div>";
|
602 |
+
|
603 |
+
var closeDiv = this.options.closable ? "<div class='"+ className +"_close' id='"+ id +"_close' onclick='Windows.close(\""+ id +"\", event)'> </div>" : "";
|
604 |
+
var minDiv = this.options.minimizable ? "<div class='"+ className + "_minimize' id='"+ id +"_minimize' onclick='Windows.minimize(\""+ id +"\", event)'> </div>" : "";
|
605 |
+
var maxDiv = this.options.maximizable ? "<div class='"+ className + "_maximize' id='"+ id +"_maximize' onclick='Windows.maximize(\""+ id +"\", event)'> </div>" : "";
|
606 |
+
var seAttributes = this.options.resizable ? "class='" + className + "_sizer' id='" + id + "_sizer'" : "class='" + className + "_se'";
|
607 |
+
var blank = "../themes/default/blank.gif";
|
608 |
+
|
609 |
+
win.innerHTML = closeDiv + minDiv + maxDiv + "\
|
610 |
+
<a href='#' id='"+ id +"_focus_anchor'><!-- --></a>\
|
611 |
+
<table id='"+ id +"_row1' class=\"top table_window\">\
|
612 |
+
<tr>\
|
613 |
+
<td class='"+ className +"_nw'></td>\
|
614 |
+
<td class='"+ className +"_n'><div id='"+ id +"_top' class='"+ className +"_title title_window'>"+ this.options.title +"</div></td>\
|
615 |
+
<td class='"+ className +"_ne'></td>\
|
616 |
+
</tr>\
|
617 |
+
</table>\
|
618 |
+
<table id='"+ id +"_row2' class=\"mid table_window\">\
|
619 |
+
<tr>\
|
620 |
+
<td class='"+ className +"_w'></td>\
|
621 |
+
<td id='"+ id +"_table_content' class='"+ className +"_content' valign='top'>" + content + "</td>\
|
622 |
+
<td class='"+ className +"_e'></td>\
|
623 |
+
</tr>\
|
624 |
+
</table>\
|
625 |
+
<table id='"+ id +"_row3' class=\"bot table_window\">\
|
626 |
+
<tr>\
|
627 |
+
<td class='"+ className +"_sw'></td>\
|
628 |
+
<td class='"+ className +"_s'><div id='"+ id +"_bottom' class='status_bar'><span style='float:left; width:1px; height:1px'></span></div></td>\
|
629 |
+
<td " + seAttributes + "></td>\
|
630 |
+
</tr>\
|
631 |
+
</table>\
|
632 |
+
";
|
633 |
+
Element.hide(win);
|
634 |
+
this.options.parent.insertBefore(win, this.options.parent.firstChild);
|
635 |
+
Event.observe($(id + "_content"), "load", this.options.onload);
|
636 |
+
return win;
|
637 |
+
},
|
638 |
+
|
639 |
+
|
640 |
+
changeClassName: function(newClassName) {
|
641 |
+
var className = this.options.className;
|
642 |
+
var id = this.getId();
|
643 |
+
$A(["_close", "_minimize", "_maximize", "_sizer", "_content"]).each(function(value) { this._toggleClassName($(id + value), className + value, newClassName + value) }.bind(this));
|
644 |
+
this._toggleClassName($(id + "_top"), className + "_title", newClassName + "_title");
|
645 |
+
$$("#" + id + " td").each(function(td) {td.className = td.className.sub(className,newClassName); });
|
646 |
+
this.options.className = newClassName;
|
647 |
+
},
|
648 |
+
|
649 |
+
_toggleClassName: function(element, oldClassName, newClassName) {
|
650 |
+
if (element) {
|
651 |
+
element.removeClassName(oldClassName);
|
652 |
+
element.addClassName(newClassName);
|
653 |
+
}
|
654 |
+
},
|
655 |
+
|
656 |
+
// Sets window location
|
657 |
+
setLocation: function(top, left) {
|
658 |
+
top = this._updateTopConstraint(top);
|
659 |
+
left = this._updateLeftConstraint(left);
|
660 |
+
|
661 |
+
var e = this.currentDrag || this.element;
|
662 |
+
e.setStyle({top: top + 'px'});
|
663 |
+
e.setStyle({left: left + 'px'});
|
664 |
+
|
665 |
+
this.useLeft = true;
|
666 |
+
this.useTop = true;
|
667 |
+
},
|
668 |
+
|
669 |
+
getLocation: function() {
|
670 |
+
var location = {};
|
671 |
+
if (this.useTop)
|
672 |
+
location = Object.extend(location, {top: this.element.getStyle("top")});
|
673 |
+
else
|
674 |
+
location = Object.extend(location, {bottom: this.element.getStyle("bottom")});
|
675 |
+
if (this.useLeft)
|
676 |
+
location = Object.extend(location, {left: this.element.getStyle("left")});
|
677 |
+
else
|
678 |
+
location = Object.extend(location, {right: this.element.getStyle("right")});
|
679 |
+
|
680 |
+
return location;
|
681 |
+
},
|
682 |
+
|
683 |
+
// Gets window size
|
684 |
+
getSize: function() {
|
685 |
+
return {width: this.width, height: this.height};
|
686 |
+
},
|
687 |
+
|
688 |
+
// Sets window size
|
689 |
+
setSize: function(width, height, useEffect) {
|
690 |
+
width = parseFloat(width);
|
691 |
+
height = parseFloat(height);
|
692 |
+
|
693 |
+
// Check min and max size
|
694 |
+
if (!this.minimized && width < this.options.minWidth)
|
695 |
+
width = this.options.minWidth;
|
696 |
+
|
697 |
+
if (!this.minimized && height < this.options.minHeight)
|
698 |
+
height = this.options.minHeight;
|
699 |
+
|
700 |
+
if (this.options. maxHeight && height > this.options. maxHeight)
|
701 |
+
height = this.options. maxHeight;
|
702 |
+
|
703 |
+
if (this.options. maxWidth && width > this.options. maxWidth)
|
704 |
+
width = this.options. maxWidth;
|
705 |
+
|
706 |
+
|
707 |
+
if (this.useTop && this.useLeft && Window.hasEffectLib && Effect.ResizeWindow && useEffect) {
|
708 |
+
new Effect.ResizeWindow(this, null, null, width, height, {duration: Window.resizeEffectDuration});
|
709 |
+
} else {
|
710 |
+
this.width = width;
|
711 |
+
this.height = height;
|
712 |
+
var e = this.currentDrag ? this.currentDrag : this.element;
|
713 |
+
|
714 |
+
e.setStyle({width: width + this.widthW + this.widthE + "px"})
|
715 |
+
e.setStyle({height: height + this.heightN + this.heightS + "px"})
|
716 |
+
|
717 |
+
// Update content size
|
718 |
+
if (!this.currentDrag || this.currentDrag == this.element) {
|
719 |
+
var content = $(this.element.id + '_content');
|
720 |
+
content.setStyle({height: height + 'px'});
|
721 |
+
content.setStyle({width: width + 'px'});
|
722 |
+
}
|
723 |
+
}
|
724 |
+
},
|
725 |
+
|
726 |
+
updateHeight: function() {
|
727 |
+
this.setSize(this.width, this.content.scrollHeight, true);
|
728 |
+
},
|
729 |
+
|
730 |
+
updateWidth: function() {
|
731 |
+
this.setSize(this.content.scrollWidth, this.height, true);
|
732 |
+
},
|
733 |
+
|
734 |
+
// Brings window to front
|
735 |
+
toFront: function() {
|
736 |
+
if (this.element.style.zIndex < Windows.maxZIndex)
|
737 |
+
this.setZIndex(Windows.maxZIndex + 1);
|
738 |
+
if (this.iefix)
|
739 |
+
this._fixIEOverlapping();
|
740 |
+
},
|
741 |
+
|
742 |
+
getBounds: function(insideOnly) {
|
743 |
+
if (! this.width || !this.height || !this.visible)
|
744 |
+
this.computeBounds();
|
745 |
+
var w = this.width;
|
746 |
+
var h = this.height;
|
747 |
+
|
748 |
+
if (!insideOnly) {
|
749 |
+
w += this.widthW + this.widthE;
|
750 |
+
h += this.heightN + this.heightS;
|
751 |
+
}
|
752 |
+
var bounds = Object.extend(this.getLocation(), {width: w + "px", height: h + "px"});
|
753 |
+
return bounds;
|
754 |
+
},
|
755 |
+
|
756 |
+
computeBounds: function() {
|
757 |
+
if (! this.width || !this.height) {
|
758 |
+
var size = WindowUtilities._computeSize(this.content.innerHTML, this.content.id, this.width, this.height, 0, this.options.className)
|
759 |
+
if (this.height)
|
760 |
+
this.width = size + 5
|
761 |
+
else
|
762 |
+
this.height = size + 5
|
763 |
+
}
|
764 |
+
|
765 |
+
this.setSize(this.width, this.height);
|
766 |
+
if (this.centered)
|
767 |
+
this._center(this.centerTop, this.centerLeft);
|
768 |
+
},
|
769 |
+
|
770 |
+
// Displays window modal state or not
|
771 |
+
show: function(modal) {
|
772 |
+
this.visible = true;
|
773 |
+
if (modal) {
|
774 |
+
// Hack for Safari !!
|
775 |
+
if (typeof this.overlayOpacity == "undefined") {
|
776 |
+
var that = this;
|
777 |
+
setTimeout(function() {that.show(modal)}, 10);
|
778 |
+
return;
|
779 |
+
}
|
780 |
+
Windows.addModalWindow(this);
|
781 |
+
|
782 |
+
this.modal = true;
|
783 |
+
this.setZIndex(Windows.maxZIndex + 1);
|
784 |
+
Windows.unsetOverflow(this);
|
785 |
+
}
|
786 |
+
else
|
787 |
+
if (!this.element.style.zIndex)
|
788 |
+
this.setZIndex(Windows.maxZIndex + 1);
|
789 |
+
|
790 |
+
// To restore overflow if need be
|
791 |
+
if (this.oldStyle)
|
792 |
+
this.getContent().setStyle({overflow: this.oldStyle});
|
793 |
+
|
794 |
+
this.computeBounds();
|
795 |
+
|
796 |
+
this._notify("onBeforeShow");
|
797 |
+
if (this.options.showEffect != Element.show && this.options.showEffectOptions)
|
798 |
+
this.options.showEffect(this.element, this.options.showEffectOptions);
|
799 |
+
else
|
800 |
+
this.options.showEffect(this.element);
|
801 |
+
|
802 |
+
this._checkIEOverlapping();
|
803 |
+
WindowUtilities.focusedWindow = this
|
804 |
+
this._notify("onShow");
|
805 |
+
$(this.element.id + '_focus_anchor').focus();
|
806 |
+
},
|
807 |
+
|
808 |
+
// Displays window modal state or not at the center of the page
|
809 |
+
showCenter: function(modal, top, left) {
|
810 |
+
this.centered = true;
|
811 |
+
this.centerTop = top;
|
812 |
+
this.centerLeft = left;
|
813 |
+
|
814 |
+
this.show(modal);
|
815 |
+
},
|
816 |
+
|
817 |
+
isVisible: function() {
|
818 |
+
return this.visible;
|
819 |
+
},
|
820 |
+
|
821 |
+
_center: function(top, left) {
|
822 |
+
var windowScroll = WindowUtilities.getWindowScroll(this.options.parent);
|
823 |
+
var pageSize = WindowUtilities.getPageSize(this.options.parent);
|
824 |
+
if (typeof top == "undefined")
|
825 |
+
top = (pageSize.windowHeight - (this.height + this.heightN + this.heightS))/2;
|
826 |
+
top += windowScroll.top
|
827 |
+
|
828 |
+
if (typeof left == "undefined")
|
829 |
+
left = (pageSize.windowWidth - (this.width + this.widthW + this.widthE))/2;
|
830 |
+
left += windowScroll.left
|
831 |
+
this.setLocation(top, left);
|
832 |
+
this.toFront();
|
833 |
+
},
|
834 |
+
|
835 |
+
_recenter: function(event) {
|
836 |
+
if (this.centered) {
|
837 |
+
var pageSize = WindowUtilities.getPageSize(this.options.parent);
|
838 |
+
var windowScroll = WindowUtilities.getWindowScroll(this.options.parent);
|
839 |
+
|
840 |
+
// Check for this stupid IE that sends dumb events
|
841 |
+
if (this.pageSize && this.pageSize.windowWidth == pageSize.windowWidth && this.pageSize.windowHeight == pageSize.windowHeight &&
|
842 |
+
this.windowScroll.left == windowScroll.left && this.windowScroll.top == windowScroll.top)
|
843 |
+
return;
|
844 |
+
this.pageSize = pageSize;
|
845 |
+
this.windowScroll = windowScroll;
|
846 |
+
// set height of Overlay to take up whole page and show
|
847 |
+
if ($('overlay_modal'))
|
848 |
+
$('overlay_modal').setStyle({height: (pageSize.pageHeight + 'px')});
|
849 |
+
|
850 |
+
if (this.options.recenterAuto)
|
851 |
+
this._center(this.centerTop, this.centerLeft);
|
852 |
+
}
|
853 |
+
},
|
854 |
+
|
855 |
+
// Hides window
|
856 |
+
hide: function() {
|
857 |
+
this.visible = false;
|
858 |
+
if (this.modal) {
|
859 |
+
Windows.removeModalWindow(this);
|
860 |
+
Windows.resetOverflow();
|
861 |
+
}
|
862 |
+
// To avoid bug on scrolling bar
|
863 |
+
this.oldStyle = this.getContent().getStyle('overflow') || "auto"
|
864 |
+
this.getContent().setStyle({overflow: "hidden"});
|
865 |
+
|
866 |
+
this.options.hideEffect(this.element, this.options.hideEffectOptions);
|
867 |
+
|
868 |
+
if(this.iefix)
|
869 |
+
this.iefix.hide();
|
870 |
+
|
871 |
+
if (!this.doNotNotifyHide)
|
872 |
+
this._notify("onHide");
|
873 |
+
},
|
874 |
+
|
875 |
+
close: function() {
|
876 |
+
// Asks closeCallback if exists
|
877 |
+
if (this.visible) {
|
878 |
+
if (this.options.closeCallback && ! this.options.closeCallback(this))
|
879 |
+
return;
|
880 |
+
|
881 |
+
if (this.options.destroyOnClose) {
|
882 |
+
var destroyFunc = this.destroy.bind(this);
|
883 |
+
if (this.options.hideEffectOptions.afterFinish) {
|
884 |
+
var func = this.options.hideEffectOptions.afterFinish;
|
885 |
+
this.options.hideEffectOptions.afterFinish = function() {func();destroyFunc() }
|
886 |
+
}
|
887 |
+
else
|
888 |
+
this.options.hideEffectOptions.afterFinish = function() {destroyFunc() }
|
889 |
+
}
|
890 |
+
Windows.updateFocusedWindow();
|
891 |
+
|
892 |
+
this.doNotNotifyHide = true;
|
893 |
+
this.hide();
|
894 |
+
this.doNotNotifyHide = false;
|
895 |
+
this._notify("onClose");
|
896 |
+
}
|
897 |
+
},
|
898 |
+
|
899 |
+
minimize: function() {
|
900 |
+
if (this.resizing)
|
901 |
+
return;
|
902 |
+
|
903 |
+
var r2 = $(this.getId() + "_row2");
|
904 |
+
|
905 |
+
if (!this.minimized) {
|
906 |
+
this.minimized = true;
|
907 |
+
|
908 |
+
var dh = r2.getDimensions().height;
|
909 |
+
this.r2Height = dh;
|
910 |
+
var h = this.element.getHeight() - dh;
|
911 |
+
|
912 |
+
if (this.useLeft && this.useTop && Window.hasEffectLib && Effect.ResizeWindow) {
|
913 |
+
new Effect.ResizeWindow(this, null, null, null, this.height -dh, {duration: Window.resizeEffectDuration});
|
914 |
+
} else {
|
915 |
+
this.height -= dh;
|
916 |
+
this.element.setStyle({height: h + "px"});
|
917 |
+
r2.hide();
|
918 |
+
}
|
919 |
+
|
920 |
+
if (! this.useTop) {
|
921 |
+
var bottom = parseFloat(this.element.getStyle('bottom'));
|
922 |
+
this.element.setStyle({bottom: (bottom + dh) + 'px'});
|
923 |
+
}
|
924 |
+
}
|
925 |
+
else {
|
926 |
+
this.minimized = false;
|
927 |
+
|
928 |
+
var dh = this.r2Height;
|
929 |
+
this.r2Height = null;
|
930 |
+
if (this.useLeft && this.useTop && Window.hasEffectLib && Effect.ResizeWindow) {
|
931 |
+
new Effect.ResizeWindow(this, null, null, null, this.height + dh, {duration: Window.resizeEffectDuration});
|
932 |
+
}
|
933 |
+
else {
|
934 |
+
var h = this.element.getHeight() + dh;
|
935 |
+
this.height += dh;
|
936 |
+
this.element.setStyle({height: h + "px"})
|
937 |
+
r2.show();
|
938 |
+
}
|
939 |
+
if (! this.useTop) {
|
940 |
+
var bottom = parseFloat(this.element.getStyle('bottom'));
|
941 |
+
this.element.setStyle({bottom: (bottom - dh) + 'px'});
|
942 |
+
}
|
943 |
+
this.toFront();
|
944 |
+
}
|
945 |
+
this._notify("onMinimize");
|
946 |
+
|
947 |
+
// Store new location/size if need be
|
948 |
+
this._saveCookie()
|
949 |
+
},
|
950 |
+
|
951 |
+
maximize: function() {
|
952 |
+
if (this.isMinimized() || this.resizing)
|
953 |
+
return;
|
954 |
+
|
955 |
+
if (Prototype.Browser.IE && this.heightN == 0)
|
956 |
+
this._getWindowBorderSize();
|
957 |
+
|
958 |
+
if (this.storedLocation != null) {
|
959 |
+
this._restoreLocation();
|
960 |
+
if(this.iefix)
|
961 |
+
this.iefix.hide();
|
962 |
+
}
|
963 |
+
else {
|
964 |
+
this._storeLocation();
|
965 |
+
Windows.unsetOverflow(this);
|
966 |
+
|
967 |
+
var windowScroll = WindowUtilities.getWindowScroll(this.options.parent);
|
968 |
+
var pageSize = WindowUtilities.getPageSize(this.options.parent);
|
969 |
+
var left = windowScroll.left;
|
970 |
+
var top = windowScroll.top;
|
971 |
+
|
972 |
+
if (this.options.parent != document.body) {
|
973 |
+
windowScroll = {top:0, left:0, bottom:0, right:0};
|
974 |
+
var dim = this.options.parent.getDimensions();
|
975 |
+
pageSize.windowWidth = dim.width;
|
976 |
+
pageSize.windowHeight = dim.height;
|
977 |
+
top = 0;
|
978 |
+
left = 0;
|
979 |
+
}
|
980 |
+
|
981 |
+
if (this.constraint) {
|
982 |
+
pageSize.windowWidth -= Math.max(0, this.constraintPad.left) + Math.max(0, this.constraintPad.right);
|
983 |
+
pageSize.windowHeight -= Math.max(0, this.constraintPad.top) + Math.max(0, this.constraintPad.bottom);
|
984 |
+
left += Math.max(0, this.constraintPad.left);
|
985 |
+
top += Math.max(0, this.constraintPad.top);
|
986 |
+
}
|
987 |
+
|
988 |
+
var width = pageSize.windowWidth - this.widthW - this.widthE;
|
989 |
+
var height= pageSize.windowHeight - this.heightN - this.heightS;
|
990 |
+
|
991 |
+
if (this.useLeft && this.useTop && Window.hasEffectLib && Effect.ResizeWindow) {
|
992 |
+
new Effect.ResizeWindow(this, top, left, width, height, {duration: Window.resizeEffectDuration});
|
993 |
+
}
|
994 |
+
else {
|
995 |
+
this.setSize(width, height);
|
996 |
+
this.element.setStyle(this.useLeft ? {left: left} : {right: left});
|
997 |
+
this.element.setStyle(this.useTop ? {top: top} : {bottom: top});
|
998 |
+
}
|
999 |
+
|
1000 |
+
this.toFront();
|
1001 |
+
if (this.iefix)
|
1002 |
+
this._fixIEOverlapping();
|
1003 |
+
}
|
1004 |
+
this._notify("onMaximize");
|
1005 |
+
|
1006 |
+
// Store new location/size if need be
|
1007 |
+
this._saveCookie()
|
1008 |
+
},
|
1009 |
+
|
1010 |
+
isMinimized: function() {
|
1011 |
+
return this.minimized;
|
1012 |
+
},
|
1013 |
+
|
1014 |
+
isMaximized: function() {
|
1015 |
+
return (this.storedLocation != null);
|
1016 |
+
},
|
1017 |
+
|
1018 |
+
setOpacity: function(opacity) {
|
1019 |
+
if (Element.setOpacity)
|
1020 |
+
Element.setOpacity(this.element, opacity);
|
1021 |
+
},
|
1022 |
+
|
1023 |
+
setZIndex: function(zindex) {
|
1024 |
+
this.element.setStyle({zIndex: zindex});
|
1025 |
+
Windows.updateZindex(zindex, this);
|
1026 |
+
},
|
1027 |
+
|
1028 |
+
setTitle: function(newTitle) {
|
1029 |
+
if (!newTitle || newTitle == "")
|
1030 |
+
newTitle = " ";
|
1031 |
+
|
1032 |
+
Element.update(this.element.id + '_top', newTitle);
|
1033 |
+
},
|
1034 |
+
|
1035 |
+
getTitle: function() {
|
1036 |
+
return $(this.element.id + '_top').innerHTML;
|
1037 |
+
},
|
1038 |
+
|
1039 |
+
setStatusBar: function(element) {
|
1040 |
+
var statusBar = $(this.getId() + "_bottom");
|
1041 |
+
|
1042 |
+
if (typeof(element) == "object") {
|
1043 |
+
if (this.bottombar.firstChild)
|
1044 |
+
this.bottombar.replaceChild(element, this.bottombar.firstChild);
|
1045 |
+
else
|
1046 |
+
this.bottombar.appendChild(element);
|
1047 |
+
}
|
1048 |
+
else
|
1049 |
+
this.bottombar.innerHTML = element;
|
1050 |
+
},
|
1051 |
+
|
1052 |
+
_checkIEOverlapping: function() {
|
1053 |
+
if(!this.iefix && (navigator.appVersion.indexOf('MSIE')>0) && (navigator.userAgent.indexOf('Opera')<0) && (this.element.getStyle('position')=='absolute')) {
|
1054 |
+
new Insertion.After(this.element.id, '<iframe id="' + this.element.id + '_iefix" '+ 'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' + 'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
|
1055 |
+
this.iefix = $(this.element.id+'_iefix');
|
1056 |
+
}
|
1057 |
+
if(this.iefix)
|
1058 |
+
setTimeout(this._fixIEOverlapping.bind(this), 50);
|
1059 |
+
},
|
1060 |
+
|
1061 |
+
_fixIEOverlapping: function() {
|
1062 |
+
Position.clone(this.element, this.iefix);
|
1063 |
+
this.iefix.style.zIndex = this.element.style.zIndex - 1;
|
1064 |
+
this.iefix.show();
|
1065 |
+
},
|
1066 |
+
|
1067 |
+
_keyUp: function(event) {
|
1068 |
+
if (27 == event.keyCode && this.options.closeOnEsc) {
|
1069 |
+
this.close();
|
1070 |
+
}
|
1071 |
+
},
|
1072 |
+
|
1073 |
+
_getWindowBorderSize: function(event) {
|
1074 |
+
// Hack to get real window border size!!
|
1075 |
+
var div = this._createHiddenDiv(this.options.className + "_n")
|
1076 |
+
this.heightN = Element.getDimensions(div).height;
|
1077 |
+
div.parentNode.removeChild(div)
|
1078 |
+
|
1079 |
+
var div = this._createHiddenDiv(this.options.className + "_s")
|
1080 |
+
this.heightS = Element.getDimensions(div).height;
|
1081 |
+
div.parentNode.removeChild(div)
|
1082 |
+
|
1083 |
+
var div = this._createHiddenDiv(this.options.className + "_e")
|
1084 |
+
this.widthE = Element.getDimensions(div).width;
|
1085 |
+
div.parentNode.removeChild(div)
|
1086 |
+
|
1087 |
+
var div = this._createHiddenDiv(this.options.className + "_w")
|
1088 |
+
this.widthW = Element.getDimensions(div).width;
|
1089 |
+
div.parentNode.removeChild(div);
|
1090 |
+
|
1091 |
+
var div = document.createElement("div");
|
1092 |
+
div.className = "overlay_" + this.options.className ;
|
1093 |
+
document.body.appendChild(div);
|
1094 |
+
//alert("no timeout:\nopacity: " + div.getStyle("opacity") + "\nwidth: " + document.defaultView.getComputedStyle(div, null).width);
|
1095 |
+
var that = this;
|
1096 |
+
|
1097 |
+
// Workaround for Safari!!
|
1098 |
+
setTimeout(function() {that.overlayOpacity = ($(div).getStyle("opacity")); div.parentNode.removeChild(div);}, 10);
|
1099 |
+
|
1100 |
+
// Workaround for IE!!
|
1101 |
+
if (Prototype.Browser.IE) {
|
1102 |
+
this.heightS = $(this.getId() +"_row3").getDimensions().height;
|
1103 |
+
this.heightN = $(this.getId() +"_row1").getDimensions().height;
|
1104 |
+
}
|
1105 |
+
|
1106 |
+
// Safari size fix
|
1107 |
+
if (Prototype.Browser.WebKit && Prototype.Browser.WebKitVersion < 420)
|
1108 |
+
this.setSize(this.width, this.height);
|
1109 |
+
if (this.doMaximize)
|
1110 |
+
this.maximize();
|
1111 |
+
if (this.doMinimize)
|
1112 |
+
this.minimize();
|
1113 |
+
},
|
1114 |
+
|
1115 |
+
_createHiddenDiv: function(className) {
|
1116 |
+
var objBody = document.body;
|
1117 |
+
var win = document.createElement("div");
|
1118 |
+
win.setAttribute('id', this.element.id+ "_tmp");
|
1119 |
+
win.className = className;
|
1120 |
+
win.style.display = 'none';
|
1121 |
+
win.innerHTML = '';
|
1122 |
+
objBody.insertBefore(win, objBody.firstChild);
|
1123 |
+
return win;
|
1124 |
+
},
|
1125 |
+
|
1126 |
+
_storeLocation: function() {
|
1127 |
+
if (this.storedLocation == null) {
|
1128 |
+
this.storedLocation = {useTop: this.useTop, useLeft: this.useLeft,
|
1129 |
+
top: this.element.getStyle('top'), bottom: this.element.getStyle('bottom'),
|
1130 |
+
left: this.element.getStyle('left'), right: this.element.getStyle('right'),
|
1131 |
+
width: this.width, height: this.height };
|
1132 |
+
}
|
1133 |
+
},
|
1134 |
+
|
1135 |
+
_restoreLocation: function() {
|
1136 |
+
if (this.storedLocation != null) {
|
1137 |
+
this.useLeft = this.storedLocation.useLeft;
|
1138 |
+
this.useTop = this.storedLocation.useTop;
|
1139 |
+
|
1140 |
+
if (this.useLeft && this.useTop && Window.hasEffectLib && Effect.ResizeWindow)
|
1141 |
+
new Effect.ResizeWindow(this, this.storedLocation.top, this.storedLocation.left, this.storedLocation.width, this.storedLocation.height, {duration: Window.resizeEffectDuration});
|
1142 |
+
else {
|
1143 |
+
this.element.setStyle(this.useLeft ? {left: this.storedLocation.left} : {right: this.storedLocation.right});
|
1144 |
+
this.element.setStyle(this.useTop ? {top: this.storedLocation.top} : {bottom: this.storedLocation.bottom});
|
1145 |
+
this.setSize(this.storedLocation.width, this.storedLocation.height);
|
1146 |
+
}
|
1147 |
+
|
1148 |
+
Windows.resetOverflow();
|
1149 |
+
this._removeStoreLocation();
|
1150 |
+
}
|
1151 |
+
},
|
1152 |
+
|
1153 |
+
_removeStoreLocation: function() {
|
1154 |
+
this.storedLocation = null;
|
1155 |
+
},
|
1156 |
+
|
1157 |
+
_saveCookie: function() {
|
1158 |
+
if (this.cookie) {
|
1159 |
+
var value = "";
|
1160 |
+
if (this.useLeft)
|
1161 |
+
value += "l:" + (this.storedLocation ? this.storedLocation.left : this.element.getStyle('left'))
|
1162 |
+
else
|
1163 |
+
value += "r:" + (this.storedLocation ? this.storedLocation.right : this.element.getStyle('right'))
|
1164 |
+
if (this.useTop)
|
1165 |
+
value += ",t:" + (this.storedLocation ? this.storedLocation.top : this.element.getStyle('top'))
|
1166 |
+
else
|
1167 |
+
value += ",b:" + (this.storedLocation ? this.storedLocation.bottom :this.element.getStyle('bottom'))
|
1168 |
+
|
1169 |
+
value += "," + (this.storedLocation ? this.storedLocation.width : this.width);
|
1170 |
+
value += "," + (this.storedLocation ? this.storedLocation.height : this.height);
|
1171 |
+
value += "," + this.isMinimized();
|
1172 |
+
value += "," + this.isMaximized();
|
1173 |
+
WindowUtilities.setCookie(value, this.cookie)
|
1174 |
+
}
|
1175 |
+
},
|
1176 |
+
|
1177 |
+
_createWiredElement: function() {
|
1178 |
+
if (! this.wiredElement) {
|
1179 |
+
if (Prototype.Browser.IE)
|
1180 |
+
this._getWindowBorderSize();
|
1181 |
+
var div = document.createElement("div");
|
1182 |
+
div.className = "wired_frame " + this.options.className + "_wired_frame";
|
1183 |
+
|
1184 |
+
div.style.position = 'absolute';
|
1185 |
+
this.options.parent.insertBefore(div, this.options.parent.firstChild);
|
1186 |
+
this.wiredElement = $(div);
|
1187 |
+
}
|
1188 |
+
if (this.useLeft)
|
1189 |
+
this.wiredElement.setStyle({left: this.element.getStyle('left')});
|
1190 |
+
else
|
1191 |
+
this.wiredElement.setStyle({right: this.element.getStyle('right')});
|
1192 |
+
|
1193 |
+
if (this.useTop)
|
1194 |
+
this.wiredElement.setStyle({top: this.element.getStyle('top')});
|
1195 |
+
else
|
1196 |
+
this.wiredElement.setStyle({bottom: this.element.getStyle('bottom')});
|
1197 |
+
|
1198 |
+
var dim = this.element.getDimensions();
|
1199 |
+
this.wiredElement.setStyle({width: dim.width + "px", height: dim.height +"px"});
|
1200 |
+
|
1201 |
+
this.wiredElement.setStyle({zIndex: Windows.maxZIndex+30});
|
1202 |
+
return this.wiredElement;
|
1203 |
+
},
|
1204 |
+
|
1205 |
+
_hideWiredElement: function() {
|
1206 |
+
if (! this.wiredElement || ! this.currentDrag)
|
1207 |
+
return;
|
1208 |
+
if (this.currentDrag == this.element)
|
1209 |
+
this.currentDrag = null;
|
1210 |
+
else {
|
1211 |
+
if (this.useLeft)
|
1212 |
+
this.element.setStyle({left: this.currentDrag.getStyle('left')});
|
1213 |
+
else
|
1214 |
+
this.element.setStyle({right: this.currentDrag.getStyle('right')});
|
1215 |
+
|
1216 |
+
if (this.useTop)
|
1217 |
+
this.element.setStyle({top: this.currentDrag.getStyle('top')});
|
1218 |
+
else
|
1219 |
+
this.element.setStyle({bottom: this.currentDrag.getStyle('bottom')});
|
1220 |
+
|
1221 |
+
this.currentDrag.hide();
|
1222 |
+
this.currentDrag = null;
|
1223 |
+
if (this.doResize)
|
1224 |
+
this.setSize(this.width, this.height);
|
1225 |
+
}
|
1226 |
+
},
|
1227 |
+
|
1228 |
+
_notify: function(eventName) {
|
1229 |
+
if (this.options[eventName])
|
1230 |
+
this.options[eventName](this);
|
1231 |
+
else
|
1232 |
+
Windows.notify(eventName, this);
|
1233 |
+
}
|
1234 |
+
};
|
1235 |
+
|
1236 |
+
// Windows containers, register all page windows
|
1237 |
+
var Windows = {
|
1238 |
+
windows: [],
|
1239 |
+
modalWindows: [],
|
1240 |
+
observers: [],
|
1241 |
+
focusedWindow: null,
|
1242 |
+
maxZIndex: 0,
|
1243 |
+
overlayShowEffectOptions: {duration: 0.5},
|
1244 |
+
overlayHideEffectOptions: {duration: 0.5},
|
1245 |
+
|
1246 |
+
addObserver: function(observer) {
|
1247 |
+
this.removeObserver(observer);
|
1248 |
+
this.observers.push(observer);
|
1249 |
+
},
|
1250 |
+
|
1251 |
+
removeObserver: function(observer) {
|
1252 |
+
this.observers = this.observers.reject( function(o) { return o==observer });
|
1253 |
+
},
|
1254 |
+
|
1255 |
+
// onDestroy onStartResize onStartMove onResize onMove onEndResize onEndMove onFocus onBlur onBeforeShow onShow onHide onMinimize onMaximize onClose
|
1256 |
+
notify: function(eventName, win) {
|
1257 |
+
this.observers.each( function(o) {if(o[eventName]) o[eventName](eventName, win);});
|
1258 |
+
},
|
1259 |
+
|
1260 |
+
// Gets window from its id
|
1261 |
+
getWindow: function(id) {
|
1262 |
+
return this.windows.detect(function(d) { return d.getId() ==id });
|
1263 |
+
},
|
1264 |
+
|
1265 |
+
// Gets the last focused window
|
1266 |
+
getFocusedWindow: function() {
|
1267 |
+
return this.focusedWindow;
|
1268 |
+
},
|
1269 |
+
|
1270 |
+
updateFocusedWindow: function() {
|
1271 |
+
this.focusedWindow = this.windows.length >=2 ? this.windows[this.windows.length-2] : null;
|
1272 |
+
},
|
1273 |
+
|
1274 |
+
// Registers a new window (called by Windows constructor)
|
1275 |
+
register: function(win) {
|
1276 |
+
this.windows.push(win);
|
1277 |
+
},
|
1278 |
+
|
1279 |
+
// Add a modal window in the stack
|
1280 |
+
addModalWindow: function(win) {
|
1281 |
+
// Disable screen if first modal window
|
1282 |
+
if (this.modalWindows.length == 0) {
|
1283 |
+
WindowUtilities.disableScreen(win.options.className, 'overlay_modal', win.overlayOpacity, win.getId(), win.options.parent);
|
1284 |
+
}
|
1285 |
+
else {
|
1286 |
+
// Move overlay over all windows
|
1287 |
+
if (Window.keepMultiModalWindow) {
|
1288 |
+
$('overlay_modal').style.zIndex = Windows.maxZIndex + 1;
|
1289 |
+
Windows.maxZIndex += 1;
|
1290 |
+
WindowUtilities._hideSelect(this.modalWindows.last().getId());
|
1291 |
+
}
|
1292 |
+
// Hide current modal window
|
1293 |
+
else
|
1294 |
+
this.modalWindows.last().element.hide();
|
1295 |
+
// Fucking IE select issue
|
1296 |
+
WindowUtilities._showSelect(win.getId());
|
1297 |
+
}
|
1298 |
+
this.modalWindows.push(win);
|
1299 |
+
},
|
1300 |
+
|
1301 |
+
removeModalWindow: function(win) {
|
1302 |
+
this.modalWindows.pop();
|
1303 |
+
|
1304 |
+
// No more modal windows
|
1305 |
+
if (this.modalWindows.length == 0)
|
1306 |
+
WindowUtilities.enableScreen();
|
1307 |
+
else {
|
1308 |
+
if (Window.keepMultiModalWindow) {
|
1309 |
+
this.modalWindows.last().toFront();
|
1310 |
+
WindowUtilities._showSelect(this.modalWindows.last().getId());
|
1311 |
+
}
|
1312 |
+
else
|
1313 |
+
this.modalWindows.last().element.show();
|
1314 |
+
}
|
1315 |
+
},
|
1316 |
+
|
1317 |
+
// Registers a new window (called by Windows constructor)
|
1318 |
+
register: function(win) {
|
1319 |
+
this.windows.push(win);
|
1320 |
+
},
|
1321 |
+
|
1322 |
+
// Unregisters a window (called by Windows destructor)
|
1323 |
+
unregister: function(win) {
|
1324 |
+
this.windows = this.windows.reject(function(d) { return d==win });
|
1325 |
+
},
|
1326 |
+
|
1327 |
+
// Closes all windows
|
1328 |
+
closeAll: function() {
|
1329 |
+
this.windows.each( function(w) {Windows.close(w.getId())} );
|
1330 |
+
},
|
1331 |
+
|
1332 |
+
closeAllModalWindows: function() {
|
1333 |
+
WindowUtilities.enableScreen();
|
1334 |
+
this.modalWindows.each( function(win) {if (win) win.close()});
|
1335 |
+
},
|
1336 |
+
|
1337 |
+
// Minimizes a window with its id
|
1338 |
+
minimize: function(id, event) {
|
1339 |
+
var win = this.getWindow(id)
|
1340 |
+
if (win && win.visible)
|
1341 |
+
win.minimize();
|
1342 |
+
Event.stop(event);
|
1343 |
+
},
|
1344 |
+
|
1345 |
+
// Maximizes a window with its id
|
1346 |
+
maximize: function(id, event) {
|
1347 |
+
var win = this.getWindow(id)
|
1348 |
+
if (win && win.visible)
|
1349 |
+
win.maximize();
|
1350 |
+
Event.stop(event);
|
1351 |
+
},
|
1352 |
+
|
1353 |
+
// Closes a window with its id
|
1354 |
+
close: function(id, event) {
|
1355 |
+
var win = this.getWindow(id);
|
1356 |
+
if (win)
|
1357 |
+
win.close();
|
1358 |
+
if (event)
|
1359 |
+
Event.stop(event);
|
1360 |
+
},
|
1361 |
+
|
1362 |
+
blur: function(id) {
|
1363 |
+
var win = this.getWindow(id);
|
1364 |
+
if (!win)
|
1365 |
+
return;
|
1366 |
+
if (win.options.blurClassName)
|
1367 |
+
win.changeClassName(win.options.blurClassName);
|
1368 |
+
if (this.focusedWindow == win)
|
1369 |
+
this.focusedWindow = null;
|
1370 |
+
win._notify("onBlur");
|
1371 |
+
},
|
1372 |
+
|
1373 |
+
focus: function(id) {
|
1374 |
+
var win = this.getWindow(id);
|
1375 |
+
if (!win)
|
1376 |
+
return;
|
1377 |
+
if (this.focusedWindow)
|
1378 |
+
this.blur(this.focusedWindow.getId())
|
1379 |
+
|
1380 |
+
if (win.options.focusClassName)
|
1381 |
+
win.changeClassName(win.options.focusClassName);
|
1382 |
+
this.focusedWindow = win;
|
1383 |
+
win._notify("onFocus");
|
1384 |
+
},
|
1385 |
+
|
1386 |
+
unsetOverflow: function(except) {
|
1387 |
+
this.windows.each(function(d) { d.oldOverflow = d.getContent().getStyle("overflow") || "auto" ; d.getContent().setStyle({overflow: "hidden"}) });
|
1388 |
+
if (except && except.oldOverflow)
|
1389 |
+
except.getContent().setStyle({overflow: except.oldOverflow});
|
1390 |
+
},
|
1391 |
+
|
1392 |
+
resetOverflow: function() {
|
1393 |
+
this.windows.each(function(d) { if (d.oldOverflow) d.getContent().setStyle({overflow: d.oldOverflow}) });
|
1394 |
+
},
|
1395 |
+
|
1396 |
+
updateZindex: function(zindex, win) {
|
1397 |
+
if (zindex > this.maxZIndex) {
|
1398 |
+
this.maxZIndex = zindex;
|
1399 |
+
if (this.focusedWindow)
|
1400 |
+
this.blur(this.focusedWindow.getId())
|
1401 |
+
}
|
1402 |
+
this.focusedWindow = win;
|
1403 |
+
if (this.focusedWindow)
|
1404 |
+
this.focus(this.focusedWindow.getId())
|
1405 |
+
}
|
1406 |
+
};
|
1407 |
+
|
1408 |
+
var Dialog = {
|
1409 |
+
dialogId: null,
|
1410 |
+
onCompleteFunc: null,
|
1411 |
+
callFunc: null,
|
1412 |
+
parameters: null,
|
1413 |
+
|
1414 |
+
confirm: function(content, parameters) {
|
1415 |
+
// Get Ajax return before
|
1416 |
+
if (content && typeof content != "string") {
|
1417 |
+
Dialog._runAjaxRequest(content, parameters, Dialog.confirm);
|
1418 |
+
return
|
1419 |
+
}
|
1420 |
+
content = content || "";
|
1421 |
+
|
1422 |
+
parameters = parameters || {};
|
1423 |
+
var okLabel = parameters.okLabel ? parameters.okLabel : "Ok";
|
1424 |
+
var cancelLabel = parameters.cancelLabel ? parameters.cancelLabel : "Cancel";
|
1425 |
+
|
1426 |
+
// Backward compatibility
|
1427 |
+
parameters = Object.extend(parameters, parameters.windowParameters || {});
|
1428 |
+
parameters.windowParameters = parameters.windowParameters || {};
|
1429 |
+
|
1430 |
+
parameters.className = parameters.className || "alert";
|
1431 |
+
|
1432 |
+
var okButtonClass = "class ='" + (parameters.buttonClass ? parameters.buttonClass + " " : "") + " ok_button'"
|
1433 |
+
var cancelButtonClass = "class ='" + (parameters.buttonClass ? parameters.buttonClass + " " : "") + " cancel_button'"
|
1434 |
+
var content = "\
|
1435 |
+
<div class='" + parameters.className + "_message'>" + content + "</div>\
|
1436 |
+
<div class='" + parameters.className + "_buttons'>\
|
1437 |
+
<input type='button' value='" + okLabel + "' onclick='Dialog.okCallback()' " + okButtonClass + "/>\
|
1438 |
+
<input type='button' value='" + cancelLabel + "' onclick='Dialog.cancelCallback()' " + cancelButtonClass + "/>\
|
1439 |
+
</div>\
|
1440 |
+
";
|
1441 |
+
return this._openDialog(content, parameters)
|
1442 |
+
},
|
1443 |
+
|
1444 |
+
alert: function(content, parameters) {
|
1445 |
+
// Get Ajax return before
|
1446 |
+
if (content && typeof content != "string") {
|
1447 |
+
Dialog._runAjaxRequest(content, parameters, Dialog.alert);
|
1448 |
+
return
|
1449 |
+
}
|
1450 |
+
content = content || "";
|
1451 |
+
|
1452 |
+
parameters = parameters || {};
|
1453 |
+
var okLabel = parameters.okLabel ? parameters.okLabel : "Ok";
|
1454 |
+
|
1455 |
+
// Backward compatibility
|
1456 |
+
parameters = Object.extend(parameters, parameters.windowParameters || {});
|
1457 |
+
parameters.windowParameters = parameters.windowParameters || {};
|
1458 |
+
|
1459 |
+
parameters.className = parameters.className || "alert";
|
1460 |
+
|
1461 |
+
var okButtonClass = "class ='" + (parameters.buttonClass ? parameters.buttonClass + " " : "") + " ok_button'"
|
1462 |
+
var content = "\
|
1463 |
+
<div class='" + parameters.className + "_message'>" + content + "</div>\
|
1464 |
+
<div class='" + parameters.className + "_buttons'>\
|
1465 |
+
<input type='button' value='" + okLabel + "' onclick='Dialog.okCallback()' " + okButtonClass + "/>\
|
1466 |
+
</div>";
|
1467 |
+
return this._openDialog(content, parameters)
|
1468 |
+
},
|
1469 |
+
|
1470 |
+
info: function(content, parameters) {
|
1471 |
+
// Get Ajax return before
|
1472 |
+
if (content && typeof content != "string") {
|
1473 |
+
Dialog._runAjaxRequest(content, parameters, Dialog.info);
|
1474 |
+
return
|
1475 |
+
}
|
1476 |
+
content = content || "";
|
1477 |
+
|
1478 |
+
// Backward compatibility
|
1479 |
+
parameters = parameters || {};
|
1480 |
+
parameters = Object.extend(parameters, parameters.windowParameters || {});
|
1481 |
+
parameters.windowParameters = parameters.windowParameters || {};
|
1482 |
+
|
1483 |
+
parameters.className = parameters.className || "alert";
|
1484 |
+
|
1485 |
+
var content = "<div id='modal_dialog_message' class='" + parameters.className + "_message'>" + content + "</div>";
|
1486 |
+
if (parameters.showProgress)
|
1487 |
+
content += "<div id='modal_dialog_progress' class='" + parameters.className + "_progress'> </div>";
|
1488 |
+
|
1489 |
+
parameters.ok = null;
|
1490 |
+
parameters.cancel = null;
|
1491 |
+
|
1492 |
+
return this._openDialog(content, parameters)
|
1493 |
+
},
|
1494 |
+
|
1495 |
+
setInfoMessage: function(message) {
|
1496 |
+
$('modal_dialog_message').update(message);
|
1497 |
+
},
|
1498 |
+
|
1499 |
+
closeInfo: function() {
|
1500 |
+
Windows.close(this.dialogId);
|
1501 |
+
},
|
1502 |
+
|
1503 |
+
_openDialog: function(content, parameters) {
|
1504 |
+
var className = parameters.className;
|
1505 |
+
|
1506 |
+
if (! parameters.height && ! parameters.width) {
|
1507 |
+
parameters.width = WindowUtilities.getPageSize(parameters.options.parent || document.body).pageWidth / 2;
|
1508 |
+
}
|
1509 |
+
if (parameters.id)
|
1510 |
+
this.dialogId = parameters.id;
|
1511 |
+
else {
|
1512 |
+
var t = new Date();
|
1513 |
+
this.dialogId = 'modal_dialog_' + t.getTime();
|
1514 |
+
parameters.id = this.dialogId;
|
1515 |
+
}
|
1516 |
+
|
1517 |
+
// compute height or width if need be
|
1518 |
+
if (! parameters.height || ! parameters.width) {
|
1519 |
+
var size = WindowUtilities._computeSize(content, this.dialogId, parameters.width, parameters.height, 5, className)
|
1520 |
+
if (parameters.height)
|
1521 |
+
parameters.width = size + 5
|
1522 |
+
else
|
1523 |
+
parameters.height = size + 5
|
1524 |
+
}
|
1525 |
+
parameters.effectOptions = parameters.effectOptions ;
|
1526 |
+
parameters.resizable = parameters.resizable || false;
|
1527 |
+
parameters.minimizable = parameters.minimizable || false;
|
1528 |
+
parameters.maximizable = parameters.maximizable || false;
|
1529 |
+
parameters.draggable = parameters.draggable || false;
|
1530 |
+
parameters.closable = parameters.closable || false;
|
1531 |
+
|
1532 |
+
var win = new Window(parameters);
|
1533 |
+
win.getContent().innerHTML = content;
|
1534 |
+
|
1535 |
+
win.showCenter(true, parameters.top, parameters.left);
|
1536 |
+
win.setDestroyOnClose();
|
1537 |
+
|
1538 |
+
win.cancelCallback = parameters.onCancel || parameters.cancel;
|
1539 |
+
win.okCallback = parameters.onOk || parameters.ok;
|
1540 |
+
|
1541 |
+
return win;
|
1542 |
+
},
|
1543 |
+
|
1544 |
+
_getAjaxContent: function(originalRequest) {
|
1545 |
+
Dialog.callFunc(originalRequest.responseText, Dialog.parameters)
|
1546 |
+
},
|
1547 |
+
|
1548 |
+
_runAjaxRequest: function(message, parameters, callFunc) {
|
1549 |
+
if (message.options == null)
|
1550 |
+
message.options = {}
|
1551 |
+
Dialog.onCompleteFunc = message.options.onComplete;
|
1552 |
+
Dialog.parameters = parameters;
|
1553 |
+
Dialog.callFunc = callFunc;
|
1554 |
+
|
1555 |
+
message.options.onComplete = Dialog._getAjaxContent;
|
1556 |
+
new Ajax.Request(message.url, message.options);
|
1557 |
+
},
|
1558 |
+
|
1559 |
+
okCallback: function() {
|
1560 |
+
var win = Windows.focusedWindow;
|
1561 |
+
if (!win.okCallback || win.okCallback(win)) {
|
1562 |
+
// Remove onclick on button
|
1563 |
+
$$("#" + win.getId()+" input").each(function(element) {element.onclick=null;})
|
1564 |
+
win.close();
|
1565 |
+
}
|
1566 |
+
},
|
1567 |
+
|
1568 |
+
cancelCallback: function() {
|
1569 |
+
var win = Windows.focusedWindow;
|
1570 |
+
// Remove onclick on button
|
1571 |
+
$$("#" + win.getId()+" input").each(function(element) {element.onclick=null})
|
1572 |
+
win.close();
|
1573 |
+
if (win.cancelCallback)
|
1574 |
+
win.cancelCallback(win);
|
1575 |
+
}
|
1576 |
+
}
|
1577 |
+
/*
|
1578 |
+
Based on Lightbox JS: Fullsize Image Overlays
|
1579 |
+
by Lokesh Dhakar - http://www.huddletogether.com
|
1580 |
+
|
1581 |
+
For more information on this script, visit:
|
1582 |
+
http://huddletogether.com/projects/lightbox/
|
1583 |
+
|
1584 |
+
Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
|
1585 |
+
(basically, do anything you want, just leave my name and link)
|
1586 |
+
*/
|
1587 |
+
|
1588 |
+
if (Prototype.Browser.WebKit) {
|
1589 |
+
var array = navigator.userAgent.match(new RegExp(/AppleWebKit\/([\d\.\+]*)/));
|
1590 |
+
Prototype.Browser.WebKitVersion = parseFloat(array[1]);
|
1591 |
+
}
|
1592 |
+
|
1593 |
+
var WindowUtilities = {
|
1594 |
+
// From dragdrop.js
|
1595 |
+
getWindowScroll: function(parent) {
|
1596 |
+
var T, L, W, H;
|
1597 |
+
parent = parent || document.body;
|
1598 |
+
if (parent != document.body) {
|
1599 |
+
T = parent.scrollTop;
|
1600 |
+
L = parent.scrollLeft;
|
1601 |
+
W = parent.scrollWidth;
|
1602 |
+
H = parent.scrollHeight;
|
1603 |
+
}
|
1604 |
+
else {
|
1605 |
+
var w = window;
|
1606 |
+
with (w.document) {
|
1607 |
+
if (w.document.documentElement && documentElement.scrollTop) {
|
1608 |
+
T = documentElement.scrollTop;
|
1609 |
+
L = documentElement.scrollLeft;
|
1610 |
+
} else if (w.document.body) {
|
1611 |
+
T = body.scrollTop;
|
1612 |
+
L = body.scrollLeft;
|
1613 |
+
}
|
1614 |
+
if (w.innerWidth) {
|
1615 |
+
W = w.innerWidth;
|
1616 |
+
H = w.innerHeight;
|
1617 |
+
} else if (w.document.documentElement && documentElement.clientWidth) {
|
1618 |
+
W = documentElement.clientWidth;
|
1619 |
+
H = documentElement.clientHeight;
|
1620 |
+
} else {
|
1621 |
+
W = body.offsetWidth;
|
1622 |
+
H = body.offsetHeight
|
1623 |
+
}
|
1624 |
+
}
|
1625 |
+
}
|
1626 |
+
return { top: T, left: L, width: W, height: H };
|
1627 |
+
},
|
1628 |
+
//
|
1629 |
+
// getPageSize()
|
1630 |
+
// Returns array with page width, height and window width, height
|
1631 |
+
// Core code from - quirksmode.org
|
1632 |
+
// Edit for Firefox by pHaez
|
1633 |
+
//
|
1634 |
+
getPageSize: function(parent){
|
1635 |
+
parent = parent || document.body;
|
1636 |
+
var windowWidth, windowHeight;
|
1637 |
+
var pageHeight, pageWidth;
|
1638 |
+
if (parent != document.body) {
|
1639 |
+
windowWidth = parent.getWidth();
|
1640 |
+
windowHeight = parent.getHeight();
|
1641 |
+
pageWidth = parent.scrollWidth;
|
1642 |
+
pageHeight = parent.scrollHeight;
|
1643 |
+
}
|
1644 |
+
else {
|
1645 |
+
var xScroll, yScroll;
|
1646 |
+
|
1647 |
+
if (window.innerHeight && window.scrollMaxY) {
|
1648 |
+
xScroll = document.body.scrollWidth;
|
1649 |
+
yScroll = window.innerHeight + window.scrollMaxY;
|
1650 |
+
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
|
1651 |
+
xScroll = document.body.scrollWidth;
|
1652 |
+
yScroll = document.body.scrollHeight;
|
1653 |
+
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
|
1654 |
+
xScroll = document.body.offsetWidth;
|
1655 |
+
yScroll = document.body.offsetHeight;
|
1656 |
+
}
|
1657 |
+
|
1658 |
+
|
1659 |
+
if (self.innerHeight) { // all except Explorer
|
1660 |
+
windowWidth = self.innerWidth;
|
1661 |
+
windowHeight = self.innerHeight;
|
1662 |
+
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
|
1663 |
+
windowWidth = document.documentElement.clientWidth;
|
1664 |
+
windowHeight = document.documentElement.clientHeight;
|
1665 |
+
} else if (document.body) { // other Explorers
|
1666 |
+
windowWidth = document.body.clientWidth;
|
1667 |
+
windowHeight = document.body.clientHeight;
|
1668 |
+
}
|
1669 |
+
|
1670 |
+
// for small pages with total height less then height of the viewport
|
1671 |
+
if(yScroll < windowHeight){
|
1672 |
+
pageHeight = windowHeight;
|
1673 |
+
} else {
|
1674 |
+
pageHeight = yScroll;
|
1675 |
+
}
|
1676 |
+
|
1677 |
+
// for small pages with total width less then width of the viewport
|
1678 |
+
if(xScroll < windowWidth){
|
1679 |
+
pageWidth = windowWidth;
|
1680 |
+
} else {
|
1681 |
+
pageWidth = xScroll;
|
1682 |
+
}
|
1683 |
+
}
|
1684 |
+
return {pageWidth: pageWidth ,pageHeight: pageHeight , windowWidth: windowWidth, windowHeight: windowHeight};
|
1685 |
+
},
|
1686 |
+
|
1687 |
+
disableScreen: function(className, overlayId, overlayOpacity, contentId, parent) {
|
1688 |
+
WindowUtilities.initLightbox(overlayId, className, function() {this._disableScreen(className, overlayId, overlayOpacity, contentId)}.bind(this), parent || document.body);
|
1689 |
+
},
|
1690 |
+
|
1691 |
+
_disableScreen: function(className, overlayId, overlayOpacity, contentId) {
|
1692 |
+
// prep objects
|
1693 |
+
var objOverlay = $(overlayId);
|
1694 |
+
|
1695 |
+
var pageSize = WindowUtilities.getPageSize(objOverlay.parentNode);
|
1696 |
+
|
1697 |
+
// Hide select boxes as they will 'peek' through the image in IE, store old value
|
1698 |
+
if (contentId && Prototype.Browser.IE) {
|
1699 |
+
WindowUtilities._hideSelect();
|
1700 |
+
WindowUtilities._showSelect(contentId);
|
1701 |
+
}
|
1702 |
+
|
1703 |
+
// set height of Overlay to take up whole page and show
|
1704 |
+
objOverlay.style.height = (pageSize.pageHeight + 'px');
|
1705 |
+
objOverlay.style.display = 'none';
|
1706 |
+
if (overlayId == "overlay_modal" && Window.hasEffectLib && Windows.overlayShowEffectOptions) {
|
1707 |
+
objOverlay.overlayOpacity = overlayOpacity;
|
1708 |
+
new Effect.Appear(objOverlay, Object.extend({from: 0, to: overlayOpacity}, Windows.overlayShowEffectOptions));
|
1709 |
+
}
|
1710 |
+
else
|
1711 |
+
objOverlay.style.display = "block";
|
1712 |
+
},
|
1713 |
+
|
1714 |
+
enableScreen: function(id) {
|
1715 |
+
id = id || 'overlay_modal';
|
1716 |
+
var objOverlay = $(id);
|
1717 |
+
if (objOverlay) {
|
1718 |
+
// hide lightbox and overlay
|
1719 |
+
if (id == "overlay_modal" && Window.hasEffectLib && Windows.overlayHideEffectOptions)
|
1720 |
+
new Effect.Fade(objOverlay, Object.extend({from: objOverlay.overlayOpacity, to:0}, Windows.overlayHideEffectOptions));
|
1721 |
+
else {
|
1722 |
+
objOverlay.style.display = 'none';
|
1723 |
+
objOverlay.parentNode.removeChild(objOverlay);
|
1724 |
+
}
|
1725 |
+
|
1726 |
+
// make select boxes visible using old value
|
1727 |
+
if (id != "__invisible__")
|
1728 |
+
WindowUtilities._showSelect();
|
1729 |
+
}
|
1730 |
+
},
|
1731 |
+
|
1732 |
+
_hideSelect: function(id) {
|
1733 |
+
if (Prototype.Browser.IE) {
|
1734 |
+
id = id == null ? "" : "#" + id + " ";
|
1735 |
+
$$(id + 'select').each(function(element) {
|
1736 |
+
if (! WindowUtilities.isDefined(element.oldVisibility)) {
|
1737 |
+
element.oldVisibility = element.style.visibility ? element.style.visibility : "visible";
|
1738 |
+
element.style.visibility = "hidden";
|
1739 |
+
}
|
1740 |
+
});
|
1741 |
+
}
|
1742 |
+
},
|
1743 |
+
|
1744 |
+
_showSelect: function(id) {
|
1745 |
+
if (Prototype.Browser.IE) {
|
1746 |
+
id = id == null ? "" : "#" + id + " ";
|
1747 |
+
$$(id + 'select').each(function(element) {
|
1748 |
+
if (WindowUtilities.isDefined(element.oldVisibility)) {
|
1749 |
+
// Why?? Ask IE
|
1750 |
+
try {
|
1751 |
+
element.style.visibility = element.oldVisibility;
|
1752 |
+
} catch(e) {
|
1753 |
+
element.style.visibility = "visible";
|
1754 |
+
}
|
1755 |
+
element.oldVisibility = null;
|
1756 |
+
}
|
1757 |
+
else {
|
1758 |
+
if (element.style.visibility)
|
1759 |
+
element.style.visibility = "visible";
|
1760 |
+
}
|
1761 |
+
});
|
1762 |
+
}
|
1763 |
+
},
|
1764 |
+
|
1765 |
+
isDefined: function(object) {
|
1766 |
+
return typeof(object) != "undefined" && object != null;
|
1767 |
+
},
|
1768 |
+
|
1769 |
+
// initLightbox()
|
1770 |
+
// Function runs on window load, going through link tags looking for rel="lightbox".
|
1771 |
+
// These links receive onclick events that enable the lightbox display for their targets.
|
1772 |
+
// The function also inserts html markup at the top of the page which will be used as a
|
1773 |
+
// container for the overlay pattern and the inline image.
|
1774 |
+
initLightbox: function(id, className, doneHandler, parent) {
|
1775 |
+
// Already done, just update zIndex
|
1776 |
+
if ($(id)) {
|
1777 |
+
Element.setStyle(id, {zIndex: Windows.maxZIndex + 1});
|
1778 |
+
Windows.maxZIndex++;
|
1779 |
+
doneHandler();
|
1780 |
+
}
|
1781 |
+
// create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
|
1782 |
+
else {
|
1783 |
+
var objOverlay = document.createElement("div");
|
1784 |
+
objOverlay.setAttribute('id', id);
|
1785 |
+
objOverlay.className = "overlay_" + className
|
1786 |
+
objOverlay.style.display = 'none';
|
1787 |
+
objOverlay.style.position = 'absolute';
|
1788 |
+
objOverlay.style.top = '0';
|
1789 |
+
objOverlay.style.left = '0';
|
1790 |
+
objOverlay.style.zIndex = Windows.maxZIndex + 1;
|
1791 |
+
Windows.maxZIndex++;
|
1792 |
+
objOverlay.style.width = '100%';
|
1793 |
+
parent.insertBefore(objOverlay, parent.firstChild);
|
1794 |
+
if (Prototype.Browser.WebKit && id == "overlay_modal") {
|
1795 |
+
setTimeout(function() {doneHandler()}, 10);
|
1796 |
+
}
|
1797 |
+
else
|
1798 |
+
doneHandler();
|
1799 |
+
}
|
1800 |
+
},
|
1801 |
+
|
1802 |
+
setCookie: function(value, parameters) {
|
1803 |
+
document.cookie= parameters[0] + "=" + escape(value) +
|
1804 |
+
((parameters[1]) ? "; expires=" + parameters[1].toGMTString() : "") +
|
1805 |
+
((parameters[2]) ? "; path=" + parameters[2] : "") +
|
1806 |
+
((parameters[3]) ? "; domain=" + parameters[3] : "") +
|
1807 |
+
((parameters[4]) ? "; secure" : "");
|
1808 |
+
},
|
1809 |
+
|
1810 |
+
getCookie: function(name) {
|
1811 |
+
var dc = document.cookie;
|
1812 |
+
var prefix = name + "=";
|
1813 |
+
var begin = dc.indexOf("; " + prefix);
|
1814 |
+
if (begin == -1) {
|
1815 |
+
begin = dc.indexOf(prefix);
|
1816 |
+
if (begin != 0) return null;
|
1817 |
+
} else {
|
1818 |
+
begin += 2;
|
1819 |
+
}
|
1820 |
+
var end = document.cookie.indexOf(";", begin);
|
1821 |
+
if (end == -1) {
|
1822 |
+
end = dc.length;
|
1823 |
+
}
|
1824 |
+
return unescape(dc.substring(begin + prefix.length, end));
|
1825 |
+
},
|
1826 |
+
|
1827 |
+
_computeSize: function(content, id, width, height, margin, className) {
|
1828 |
+
var objBody = document.body;
|
1829 |
+
var tmpObj = document.createElement("div");
|
1830 |
+
tmpObj.setAttribute('id', id);
|
1831 |
+
tmpObj.className = className + "_content";
|
1832 |
+
|
1833 |
+
if (height)
|
1834 |
+
tmpObj.style.height = height + "px"
|
1835 |
+
else
|
1836 |
+
tmpObj.style.width = width + "px"
|
1837 |
+
|
1838 |
+
tmpObj.style.position = 'absolute';
|
1839 |
+
tmpObj.style.top = '0';
|
1840 |
+
tmpObj.style.left = '0';
|
1841 |
+
tmpObj.style.display = 'none';
|
1842 |
+
|
1843 |
+
tmpObj.innerHTML = content;
|
1844 |
+
objBody.insertBefore(tmpObj, objBody.firstChild);
|
1845 |
+
|
1846 |
+
var size;
|
1847 |
+
if (height)
|
1848 |
+
size = $(tmpObj).getDimensions().width + margin;
|
1849 |
+
else
|
1850 |
+
size = $(tmpObj).getDimensions().height + margin;
|
1851 |
+
objBody.removeChild(tmpObj);
|
1852 |
+
return size;
|
1853 |
+
}
|
1854 |
+
}
|
1855 |
+
|
js/prototype/window_effects.js
ADDED
@@ -0,0 +1,157 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
Effect.ResizeWindow = Class.create();
|
2 |
+
Object.extend(Object.extend(Effect.ResizeWindow.prototype, Effect.Base.prototype), {
|
3 |
+
initialize: function(win, top, left, width, height) {
|
4 |
+
this.window = win;
|
5 |
+
this.window.resizing = true;
|
6 |
+
|
7 |
+
var size = win.getSize();
|
8 |
+
this.initWidth = parseFloat(size.width);
|
9 |
+
this.initHeight = parseFloat(size.height);
|
10 |
+
|
11 |
+
var location = win.getLocation();
|
12 |
+
this.initTop = parseFloat(location.top);
|
13 |
+
this.initLeft = parseFloat(location.left);
|
14 |
+
|
15 |
+
this.width = width != null ? parseFloat(width) : this.initWidth;
|
16 |
+
this.height = height != null ? parseFloat(height) : this.initHeight;
|
17 |
+
this.top = top != null ? parseFloat(top) : this.initTop;
|
18 |
+
this.left = left != null ? parseFloat(left) : this.initLeft;
|
19 |
+
|
20 |
+
this.dx = this.left - this.initLeft;
|
21 |
+
this.dy = this.top - this.initTop;
|
22 |
+
this.dw = this.width - this.initWidth;
|
23 |
+
this.dh = this.height - this.initHeight;
|
24 |
+
|
25 |
+
this.r2 = $(this.window.getId() + "_row2");
|
26 |
+
this.content = $(this.window.getId() + "_content");
|
27 |
+
|
28 |
+
this.contentOverflow = this.content.getStyle("overflow") || "auto";
|
29 |
+
this.content.setStyle({overflow: "hidden"});
|
30 |
+
|
31 |
+
// Wired mode
|
32 |
+
if (this.window.options.wiredDrag) {
|
33 |
+
this.window.currentDrag = win._createWiredElement();
|
34 |
+
this.window.currentDrag.show();
|
35 |
+
this.window.element.hide();
|
36 |
+
}
|
37 |
+
|
38 |
+
this.start(arguments[5]);
|
39 |
+
},
|
40 |
+
|
41 |
+
update: function(position) {
|
42 |
+
var width = Math.floor(this.initWidth + this.dw * position);
|
43 |
+
var height = Math.floor(this.initHeight + this.dh * position);
|
44 |
+
var top = Math.floor(this.initTop + this.dy * position);
|
45 |
+
var left = Math.floor(this.initLeft + this.dx * position);
|
46 |
+
|
47 |
+
if (window.ie) {
|
48 |
+
if (Math.floor(height) == 0)
|
49 |
+
this.r2.hide();
|
50 |
+
else if (Math.floor(height) >1)
|
51 |
+
this.r2.show();
|
52 |
+
}
|
53 |
+
this.r2.setStyle({height: height});
|
54 |
+
this.window.setSize(width, height);
|
55 |
+
this.window.setLocation(top, left);
|
56 |
+
},
|
57 |
+
|
58 |
+
finish: function(position) {
|
59 |
+
// Wired mode
|
60 |
+
if (this.window.options.wiredDrag) {
|
61 |
+
this.window._hideWiredElement();
|
62 |
+
this.window.element.show();
|
63 |
+
}
|
64 |
+
|
65 |
+
this.window.setSize(this.width, this.height);
|
66 |
+
this.window.setLocation(this.top, this.left);
|
67 |
+
this.r2.setStyle({height: null});
|
68 |
+
|
69 |
+
this.content.setStyle({overflow: this.contentOverflow});
|
70 |
+
|
71 |
+
this.window.resizing = false;
|
72 |
+
}
|
73 |
+
});
|
74 |
+
|
75 |
+
Effect.ModalSlideDown = function(element) {
|
76 |
+
var windowScroll = WindowUtilities.getWindowScroll();
|
77 |
+
var height = element.getStyle("height");
|
78 |
+
element.setStyle({top: - (parseFloat(height) - windowScroll.top) + "px"});
|
79 |
+
|
80 |
+
element.show();
|
81 |
+
return new Effect.Move(element, Object.extend({ x: 0, y: parseFloat(height) }, arguments[1] || {}));
|
82 |
+
};
|
83 |
+
|
84 |
+
|
85 |
+
Effect.ModalSlideUp = function(element) {
|
86 |
+
var height = element.getStyle("height");
|
87 |
+
return new Effect.Move(element, Object.extend({ x: 0, y: -parseFloat(height) }, arguments[1] || {}));
|
88 |
+
};
|
89 |
+
|
90 |
+
PopupEffect = Class.create();
|
91 |
+
PopupEffect.prototype = {
|
92 |
+
initialize: function(htmlElement) {
|
93 |
+
this.html = $(htmlElement);
|
94 |
+
this.options = Object.extend({className: "popup_effect", duration: 0.4}, arguments[1] || {});
|
95 |
+
|
96 |
+
},
|
97 |
+
show: function(element, options) {
|
98 |
+
var position = Position.cumulativeOffset(this.html);
|
99 |
+
var size = this.html.getDimensions();
|
100 |
+
var bounds = element.win.getBounds();
|
101 |
+
this.window = element.win;
|
102 |
+
// Create a div
|
103 |
+
if (!this.div) {
|
104 |
+
this.div = document.createElement("div");
|
105 |
+
this.div.className = this.options.className;
|
106 |
+
this.div.style.height = size.height + "px";
|
107 |
+
this.div.style.width = size.width + "px";
|
108 |
+
this.div.style.top = position[1] + "px";
|
109 |
+
this.div.style.left = position[0] + "px";
|
110 |
+
this.div.style.position = "absolute"
|
111 |
+
document.body.appendChild(this.div);
|
112 |
+
}
|
113 |
+
if (this.options.fromOpacity)
|
114 |
+
this.div.setStyle({opacity: this.options.fromOpacity})
|
115 |
+
this.div.show();
|
116 |
+
var style = "top:" + bounds.top + ";left:" +bounds.left + ";width:" + bounds.width +";height:" + bounds.height;
|
117 |
+
if (this.options.toOpacity)
|
118 |
+
style += ";opacity:" + this.options.toOpacity;
|
119 |
+
|
120 |
+
new Effect.Morph(this.div ,{style: style, duration: this.options.duration, afterFinish: this._showWindow.bind(this)});
|
121 |
+
},
|
122 |
+
|
123 |
+
hide: function(element, options) {
|
124 |
+
var position = Position.cumulativeOffset(this.html);
|
125 |
+
var size = this.html.getDimensions();
|
126 |
+
this.window.visible = true;
|
127 |
+
var bounds = this.window.getBounds();
|
128 |
+
this.window.visible = false;
|
129 |
+
|
130 |
+
this.window.element.hide();
|
131 |
+
|
132 |
+
this.div.style.height = bounds.height;
|
133 |
+
this.div.style.width = bounds.width;
|
134 |
+
this.div.style.top = bounds.top;
|
135 |
+
this.div.style.left = bounds.left;
|
136 |
+
|
137 |
+
if (this.options.toOpacity)
|
138 |
+
this.div.setStyle({opacity: this.options.toOpacity})
|
139 |
+
|
140 |
+
this.div.show();
|
141 |
+
var style = "top:" + position[1] + "px;left:" + position[0] + "px;width:" + size.width +"px;height:" + size.height + "px";
|
142 |
+
|
143 |
+
if (this.options.fromOpacity)
|
144 |
+
style += ";opacity:" + this.options.fromOpacity;
|
145 |
+
new Effect.Morph(this.div ,{style: style, duration: this.options.duration, afterFinish: this._hideDiv.bind(this)});
|
146 |
+
},
|
147 |
+
|
148 |
+
_showWindow: function() {
|
149 |
+
this.div.hide();
|
150 |
+
this.window.element.show();
|
151 |
+
},
|
152 |
+
|
153 |
+
_hideDiv: function() {
|
154 |
+
this.div.hide();
|
155 |
+
}
|
156 |
+
}
|
157 |
+
|
js/prototype/window_ext.js
ADDED
@@ -0,0 +1,115 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// Copyright (c) 2006 Sébastien Gruhier (http://xilinus.com, http://itseb.com)
|
2 |
+
// YOU MUST INCLUDE window.js BEFORE
|
3 |
+
//
|
4 |
+
// Object to store hide/show windows status in a cookie
|
5 |
+
// Just add at the end of your HTML file this javascript line: WindowStore.init()
|
6 |
+
WindowStore = {
|
7 |
+
doSetCookie: false,
|
8 |
+
cookieName: "__window_store__",
|
9 |
+
expired: null,
|
10 |
+
|
11 |
+
// Init function with two optional parameters
|
12 |
+
// - cookieName (default = __window_store__)
|
13 |
+
// - expiration date (default 3 years from now)
|
14 |
+
init: function(cookieName, expired) {
|
15 |
+
WindowStore.cookieName = cookieName || WindowStore.cookieName
|
16 |
+
|
17 |
+
if (! expired) {
|
18 |
+
var today = new Date();
|
19 |
+
today.setYear(today.getYear()+1903);
|
20 |
+
WindowStore.expired = today;
|
21 |
+
}
|
22 |
+
else
|
23 |
+
WindowStore.expired = expired;
|
24 |
+
|
25 |
+
Windows.windows.each(function(win) {
|
26 |
+
win.setCookie(win.getId(), WindowStore.expired);
|
27 |
+
});
|
28 |
+
|
29 |
+
// Create observer on show/hide events
|
30 |
+
var myObserver = {
|
31 |
+
onShow: function(eventName, win) {
|
32 |
+
WindowStore._saveCookie();
|
33 |
+
},
|
34 |
+
|
35 |
+
onClose: function(eventName, win) {
|
36 |
+
WindowStore._saveCookie();
|
37 |
+
},
|
38 |
+
|
39 |
+
onHide: function(eventName, win) {
|
40 |
+
WindowStore._saveCookie();
|
41 |
+
}
|
42 |
+
}
|
43 |
+
Windows.addObserver(myObserver);
|
44 |
+
|
45 |
+
WindowStore._restoreWindows();
|
46 |
+
WindowStore._saveCookie();
|
47 |
+
},
|
48 |
+
|
49 |
+
show: function(win) {
|
50 |
+
eval("var cookie = " + WindowUtilities.getCookie(WindowStore.cookieName));
|
51 |
+
if (cookie != null) {
|
52 |
+
if (cookie[win.getId()])
|
53 |
+
win.show();
|
54 |
+
}
|
55 |
+
else
|
56 |
+
win.show();
|
57 |
+
},
|
58 |
+
|
59 |
+
// Function to store windows show/hide status in a cookie
|
60 |
+
_saveCookie: function() {
|
61 |
+
if (!doSetCookie)
|
62 |
+
return;
|
63 |
+
|
64 |
+
var cookieValue = "{";
|
65 |
+
Windows.windows.each(function(win) {
|
66 |
+
if (cookieValue != "{")
|
67 |
+
cookieValue += ","
|
68 |
+
cookieValue += win.getId() + ": " + win.isVisible();
|
69 |
+
});
|
70 |
+
cookieValue += "}"
|
71 |
+
|
72 |
+
WindowUtilities.setCookie(cookieValue, [WindowStore.cookieName, WindowStore.expired]);
|
73 |
+
},
|
74 |
+
|
75 |
+
// Function to restore windows show/hide status from a cookie if exists
|
76 |
+
_restoreWindows: function() {
|
77 |
+
eval("var cookie = " + WindowUtilities.getCookie(WindowStore.cookieName));
|
78 |
+
if (cookie != null) {
|
79 |
+
doSetCookie = false;
|
80 |
+
Windows.windows.each(function(win) {
|
81 |
+
if (cookie[win.getId()])
|
82 |
+
win.show();
|
83 |
+
});
|
84 |
+
}
|
85 |
+
doSetCookie = true;
|
86 |
+
}
|
87 |
+
}
|
88 |
+
|
89 |
+
// Object to set a close key an all windows
|
90 |
+
WindowCloseKey = {
|
91 |
+
keyCode: Event.KEY_ESC,
|
92 |
+
|
93 |
+
init: function(keyCode) {
|
94 |
+
if (keyCode)
|
95 |
+
WindowCloseKey.keyCode = keyCode;
|
96 |
+
|
97 |
+
Event.observe(document, 'keydown', this._closeCurrentWindow.bindAsEventListener(this));
|
98 |
+
},
|
99 |
+
|
100 |
+
_closeCurrentWindow: function(event) {
|
101 |
+
var e = event || window.event
|
102 |
+
var characterCode = e.which || e.keyCode;
|
103 |
+
|
104 |
+
// Check if there is a top window (it means it's an URL content)
|
105 |
+
var win = top.Windows.focusedWindow;
|
106 |
+
if (characterCode == WindowCloseKey.keyCode && win) {
|
107 |
+
if (win.cancelCallback)
|
108 |
+
top.Dialog.cancelCallback();
|
109 |
+
else if (win.okCallback)
|
110 |
+
top.Dialog.okCallback();
|
111 |
+
else
|
112 |
+
top.Windows.close(top.Windows.focusedWindow.getId());
|
113 |
+
}
|
114 |
+
}
|
115 |
+
}
|
js/prototype/window_readme.txt
ADDED
@@ -0,0 +1,28 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
Official site:
|
2 |
+
http://prototype-window.xilinus.com/index.html
|
3 |
+
|
4 |
+
The license notice below refers to files:
|
5 |
+
window.js, window_effects.js, window_ext.js:
|
6 |
+
|
7 |
+
|
8 |
+
|
9 |
+
|
10 |
+
Copyright (c) 2006 Sébastien Gruhier (http://xilinus.com, http://itseb.com)
|
11 |
+
|
12 |
+
Permission is hereby granted, free of charge, to any person obtaining
|
13 |
+
a copy of this software and associated documentation files (the
|
14 |
+
"Software"), to deal in the Software without restriction, including
|
15 |
+
without limitation the rights to use, copy, modify, merge, publish,
|
16 |
+
distribute, sublicense, and/or sell copies of the Software, and to
|
17 |
+
permit persons to whom the Software is furnished to do so, subject to
|
18 |
+
the following conditions:
|
19 |
+
|
20 |
+
The above copyright notice and this permission notice shall be
|
21 |
+
included in all copies or substantial portions of the Software.
|
22 |
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
23 |
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
24 |
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
25 |
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
26 |
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
27 |
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
28 |
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
js/prototype/windows/MIT-LICENSE
ADDED
@@ -0,0 +1,19 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
Copyright (c) 2006 Sébastien Gruhier (http://xilinus.com, http://itseb.com)
|
2 |
+
|
3 |
+
Permission is hereby granted, free of charge, to any person obtaining
|
4 |
+
a copy of this software and associated documentation files (the
|
5 |
+
"Software"), to deal in the Software without restriction, including
|
6 |
+
without limitation the rights to use, copy, modify, merge, publish,
|
7 |
+
distribute, sublicense, and/or sell copies of the Software, and to
|
8 |
+
permit persons to whom the Software is furnished to do so, subject to
|
9 |
+
the following conditions:
|
10 |
+
|
11 |
+
The above copyright notice and this permission notice shall be
|
12 |
+
included in all copies or substantial portions of the Software.
|
13 |
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
14 |
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
15 |
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
16 |
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
17 |
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
18 |
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
19 |
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
js/prototype/windows/README
ADDED
@@ -0,0 +1,182 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
== Installation/Usage
|
2 |
+
|
3 |
+
Just copy windows.js in your javascript directory, and default.css + default directory in your stylesheets directory
|
4 |
+
See samples/index.html for more details and go on my web page : http://prototype-window.xilinus.com
|
5 |
+
|
6 |
+
== Change log
|
7 |
+
- 04/23/07 V 1.3
|
8 |
+
- Added: getTitle
|
9 |
+
- Added: blur/focus function on Windows module
|
10 |
+
- Added: onBlur event
|
11 |
+
- Fixed: WindowCloseKey works with URL content (iframe)
|
12 |
+
- Fixed: Modal window with a parent != document.body
|
13 |
+
- Updated: prototype 1.5RC3
|
14 |
+
- Updated: Dialog handle resizable,minimizable, maximizable, draggable and closable options
|
15 |
+
- 02/27/07 V 1.2
|
16 |
+
- Added: gridX and gridY constructor's options to snap move and resize
|
17 |
+
- Added: Effect on modal overlay (fade/appear) only if effects.js in included.
|
18 |
+
You can change effect options (Windows.overlayShowEffectOptions and Windows.overlayHideEffectOptions).
|
19 |
+
|
20 |
+
- Fixed: Multimodal mode.
|
21 |
+
- Fixed: Works on WebKit.
|
22 |
+
|
23 |
+
- Beta: effects on minimize and maximize. You need to include window_effects.js to have them.
|
24 |
+
|
25 |
+
- 02/17/07 V 1.1
|
26 |
+
- Constructor has been simplified, now you can just do win = new Window(). By default id is automatically generated and can be passed as options
|
27 |
+
win = new Window({id: "my_id", width: 100, height: 100})
|
28 |
+
Backward compatibility with old constructor win = new Window("my_id", {width: 100, height: 100})
|
29 |
+
- Observer event can be passed as window option: win = new Window({onClose: function() {alert('close')}})
|
30 |
+
- parent option can be id or element
|
31 |
+
- delegate has been removed (not really usefull) and0 setCloseCallback has been addedinstead. (It could be also passed as a constructor's option closeCallback: your_callcabck)
|
32 |
+
your_callcabck must return true to be able to close the window
|
33 |
+
- add onMove event
|
34 |
+
- fix constraint for minimized window
|
35 |
+
- destroyOnClose could be passed as constructor's option: win = new Window({destroyOnClose: true})
|
36 |
+
- constraint works for maximized windows
|
37 |
+
- Dialog ok and cancel parameters has been renamed to onOk and onCancel for coherence (ok and cancel still works)
|
38 |
+
- Update to Prototype 1.5 and script.aculo.us 1.7
|
39 |
+
|
40 |
+
- 01/14/07 V 1.00
|
41 |
+
- add changeClassName to change look and feel dynamically.
|
42 |
+
- add constraint move. Constraint can be on a div or document.
|
43 |
+
- full top and bottom bar are use to move window.
|
44 |
+
- fixed computation of window width or height.
|
45 |
+
- add setURL/getURL/refresh and setHTMLContent. Content can be change dynamically.
|
46 |
+
- add tooltip.js add on. It's an add-on to add dynamically tooltips on a webpage (see samples/tooltips/tooltip.html)
|
47 |
+
Thanks to Jonathan Modell of 2moromedia.com.
|
48 |
+
|
49 |
+
- 12/06/06 V 0.99
|
50 |
+
- remove addClass that automatically tries to include default.css
|
51 |
+
- add wired move/resize
|
52 |
+
- fix recenterAuto
|
53 |
+
- add show to WindowStore to be able to open a window the first time, wihtout any cookie (check samples/window_store/html)
|
54 |
+
|
55 |
+
- 11/06/06 V 0.98
|
56 |
+
- new optional behavior for multi-level modal window.
|
57 |
+
- Two new add-ons (in window_ext.js file)
|
58 |
+
+ WindowStore to save open/close window status.
|
59 |
+
+ WindowCloseKey to handle escape key (or any keys) to close windows/dialogs
|
60 |
+
|
61 |
+
- 10/26/06 V 0.97
|
62 |
+
- add recenterModal to constructor
|
63 |
+
- setAjaxContent eval response request
|
64 |
+
- modal window multi level
|
65 |
+
- fix close/closeAll issues
|
66 |
+
- add addCss (auto add default.css)
|
67 |
+
|
68 |
+
- 09/26/06 V 0.96.3
|
69 |
+
- Fixed onClose, no more memory leak and nore issues with sound on IE (even on dialogs)
|
70 |
+
- add getLocation
|
71 |
+
- Debug select problem on Firefox
|
72 |
+
- change mouseup event to onclick event
|
73 |
+
- Fixed event propagation on mininize/maximize/close
|
74 |
+
- Add frameborder=0
|
75 |
+
- Add prototype_window_class_helper.rb by Jorge Díaz (http://xurde.info)
|
76 |
+
|
77 |
+
- 07/22/06 V 0.96.2
|
78 |
+
- Fixed select issue in modal window
|
79 |
+
|
80 |
+
- 07/15/06 V 0.96.1
|
81 |
+
- Bugs fixed
|
82 |
+
- Add isVisible()
|
83 |
+
- Update debug.js
|
84 |
+
|
85 |
+
- 07/11/06 V 0.96
|
86 |
+
- New events onShow, onHide, onFocus
|
87 |
+
- isVisible()
|
88 |
+
- Autofit width or height if width or (NOT AND) height is set to null in the constructor
|
89 |
+
- updateWidth / updateHeight if you need to update width or height (useful after changing window content if you do not want scrollbars)
|
90 |
+
- Add top, left to showCenter(modal, top, left) optional arguments if you need to center only left or top value.
|
91 |
+
|
92 |
+
- 06/30/06 V 0.95
|
93 |
+
- Now you can set windows or dialogs content with an Ajax request!!
|
94 |
+
- Fixed IE issue when you destroy window with an url that embeds mp3.
|
95 |
+
- Fixed buttonClass issue for Dialog.
|
96 |
+
- Update samples
|
97 |
+
|
98 |
+
- 06/24/06 V 0.90
|
99 |
+
- Valid XHTML 1.0 Strict!
|
100 |
+
- Fixed minimize function
|
101 |
+
- Fixed destroy on window without hide effects
|
102 |
+
- No more text selection while dragging
|
103 |
+
- Add onMinimize/onMaximize event
|
104 |
+
|
105 |
+
- 06/19/06 V 0.85.2
|
106 |
+
- Remove undeclared vars
|
107 |
+
- Set top/left to 0 if not specify
|
108 |
+
- Destroy objet after hide effect instead of before effect instead
|
109 |
+
- getSize
|
110 |
+
- add extended_debug.js (from Jason Pollard)
|
111 |
+
|
112 |
+
- 06/13/06 V 0.85.1
|
113 |
+
- IE bug fixed
|
114 |
+
|
115 |
+
- 06/12/06 V 0.85
|
116 |
+
- Autofit width or height for Dialog
|
117 |
+
- Better Move/Resize over
|
118 |
+
- Allow select in modal window (even on IE)
|
119 |
+
- WARNING, ok callback for Dialog should returns true to close the dialog
|
120 |
+
- better window HTML code (no more div inside the td)
|
121 |
+
- Add themes
|
122 |
+
|
123 |
+
- 05/23/06 V 0.80
|
124 |
+
- Add setTitle
|
125 |
+
- Add setStatusBar
|
126 |
+
- Store minimize/maximize in the cookie (Thanks to Ifran)
|
127 |
+
- Add onload constructor parameter (Thanks to Ifran)
|
128 |
+
- Add button class for dialog (Thanks to Felix Shnir)
|
129 |
+
|
130 |
+
- 05/09/06 V 0.75
|
131 |
+
- Update with Script.aculo.us 1.6.1 and Prototype 1.5.0_rc1
|
132 |
+
- Remove PNG for dialog overlay, use opacity as done in lightbox V2
|
133 |
+
- Add Windows.focusedWindow and Windows.closeAll
|
134 |
+
- Add name to iframe in case of url window
|
135 |
+
- Clean up code, use _ for private function (just name convention)
|
136 |
+
- Add Dialog.info function, usefull for for submit or notice info (in Rails)
|
137 |
+
- Add minimize and maximize buttons
|
138 |
+
- Add alert_lite.css without any images
|
139 |
+
- Debug
|
140 |
+
|
141 |
+
- 04/15/06 V 0.70
|
142 |
+
- Add autoposition in setContent. The window will at the element location
|
143 |
+
- Add draggable/closable parameter if you need to specify is the window is draggable/closable or not
|
144 |
+
- Add parent parameter if you need a specific parent instead of body
|
145 |
+
- Better resize
|
146 |
+
- Add setCookie to store window location/size in a cookie
|
147 |
+
- Add parent.html sample
|
148 |
+
|
149 |
+
- 04/05/06 V 0.65
|
150 |
+
- Update to Prototype 1.5.0_pre1, script.aculo.us 1.6.0
|
151 |
+
- Add setDestoyOnClose
|
152 |
+
- Add Windows Observer with onStartResize(), onEndResize(), onStartMove(), onEndMove(), onClose(), onDestroy() events
|
153 |
+
- Add setContent(id, autoresize)
|
154 |
+
|
155 |
+
- 03/29/06 V 0.6
|
156 |
+
- Add Window delegate to manage close action
|
157 |
+
- Add modal mode and Dialog class with common panels: alert, confirm
|
158 |
+
- Clean HTML code and change caracters to lowercase to be XHTML compliant (thanks to nuxygen and Joseph)
|
159 |
+
- Add showEffectOptions, hideEffectOptions, effectOptions to Window constructor (thanks to Jon)
|
160 |
+
- Fix checkbox IE bug (big thanks to JCA)
|
161 |
+
- Fix other little bugs (thanks to nuxygen, Dennis, and all who sent me emails)
|
162 |
+
- Update samples/index.html
|
163 |
+
- Add new sample usng frame (samples/inset.html and samples/inframe.html but use only samples/inset.html)
|
164 |
+
|
165 |
+
- 03/27/06 V 0.51
|
166 |
+
- New CSS theme structure
|
167 |
+
- Add url: constructor parameter to have a window with an URL content
|
168 |
+
- Add bottom/right constructor parameters
|
169 |
+
- Update sample files.
|
170 |
+
|
171 |
+
- 03/24/06 V 0.50 Initial revision
|
172 |
+
|
173 |
+
|
174 |
+
== License
|
175 |
+
|
176 |
+
it is licensed under the terms of the MIT License, see the included MIT-LICENSE file.
|
177 |
+
|
178 |
+
== Thanks
|
179 |
+
To all of you who sent me bugs, patches and feature requests
|
180 |
+
|
181 |
+
http://www.ciudadmovil.com.co/q/mod/mapa/conexion.php
|
182 |
+
http://www.desyr.net/
|
js/prototype/windows/themes/alert.css
ADDED
@@ -0,0 +1,119 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_alert {
|
2 |
+
background-color: #85BBEF;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.alert_nw {
|
9 |
+
width: 5px;
|
10 |
+
height: 5px;
|
11 |
+
background: transparent url(alert/top_left.gif) no-repeat bottom left;
|
12 |
+
}
|
13 |
+
|
14 |
+
.alert_n {
|
15 |
+
height: 5px;
|
16 |
+
background: transparent url(alert/top.gif) repeat-x bottom left;
|
17 |
+
}
|
18 |
+
|
19 |
+
.alert_ne {
|
20 |
+
width: 5px;
|
21 |
+
height: 5px;
|
22 |
+
background: transparent url(alert/top_right.gif) no-repeat bottom left
|
23 |
+
}
|
24 |
+
|
25 |
+
.alert_e {
|
26 |
+
width: 5px;
|
27 |
+
background: transparent url(alert/right.gif) repeat-y 0 0;
|
28 |
+
}
|
29 |
+
|
30 |
+
.alert_w {
|
31 |
+
width: 5px;
|
32 |
+
background: transparent url(alert/left.gif) repeat-y 0 0;
|
33 |
+
}
|
34 |
+
|
35 |
+
.alert_sw {
|
36 |
+
width: 5px;
|
37 |
+
height: 5px;
|
38 |
+
background: transparent url(alert/bottom_left.gif) no-repeat 0 0;
|
39 |
+
}
|
40 |
+
|
41 |
+
.alert_s {
|
42 |
+
height: 5px;
|
43 |
+
background: transparent url(alert/bottom.gif) repeat-x 0 0;
|
44 |
+
}
|
45 |
+
|
46 |
+
.alert_se, .alert_sizer {
|
47 |
+
width: 5px;
|
48 |
+
height: 5px;
|
49 |
+
background: transparent url(alert/bottom_right.gif) no-repeat 0 0;
|
50 |
+
}
|
51 |
+
|
52 |
+
.alert_close {
|
53 |
+
width:0px;
|
54 |
+
height:0px;
|
55 |
+
display:none;
|
56 |
+
}
|
57 |
+
|
58 |
+
.alert_minimize {
|
59 |
+
width:0px;
|
60 |
+
height:0px;
|
61 |
+
display:none;
|
62 |
+
}
|
63 |
+
|
64 |
+
.alert_maximize {
|
65 |
+
width:0px;
|
66 |
+
height:0px;
|
67 |
+
display:none;
|
68 |
+
}
|
69 |
+
|
70 |
+
.alert_title {
|
71 |
+
float:left;
|
72 |
+
height:1px;
|
73 |
+
width:100%;
|
74 |
+
}
|
75 |
+
|
76 |
+
.alert_content {
|
77 |
+
overflow:visible;
|
78 |
+
color: #000;
|
79 |
+
font-family: Tahoma, Arial, sans-serif;
|
80 |
+
font: 12px arial;
|
81 |
+
background: #FFF;
|
82 |
+
}
|
83 |
+
|
84 |
+
/* For alert/confirm dialog */
|
85 |
+
.alert_window {
|
86 |
+
background: #FFF;
|
87 |
+
padding:20px;
|
88 |
+
margin-left:auto;
|
89 |
+
margin-right:auto;
|
90 |
+
width:400px;
|
91 |
+
}
|
92 |
+
|
93 |
+
.alert_message {
|
94 |
+
font: 12px arial;
|
95 |
+
width:100%;
|
96 |
+
color:#F00;
|
97 |
+
padding-bottom:10px;
|
98 |
+
}
|
99 |
+
|
100 |
+
.alert_buttons {
|
101 |
+
text-align:center;
|
102 |
+
width:100%;
|
103 |
+
}
|
104 |
+
|
105 |
+
.alert_buttons input {
|
106 |
+
width:20%;
|
107 |
+
margin:10px;
|
108 |
+
}
|
109 |
+
|
110 |
+
.alert_progress {
|
111 |
+
float:left;
|
112 |
+
margin:auto;
|
113 |
+
text-align:center;
|
114 |
+
width:100%;
|
115 |
+
height:16px;
|
116 |
+
background: #FFF url('alert/progress.gif') no-repeat center center
|
117 |
+
}
|
118 |
+
|
119 |
+
|
js/prototype/windows/themes/alert/bottom.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/bottom_left.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/bottom_right.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/left.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/overlay.png
ADDED
Binary file
|
js/prototype/windows/themes/alert/progress.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/right.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/top.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/top_left.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert/top_right.gif
ADDED
Binary file
|
js/prototype/windows/themes/alert_lite.css
ADDED
@@ -0,0 +1,88 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_alert_lite {
|
2 |
+
background-color: #85BBEF;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.alert_lite_sizer {
|
9 |
+
width:0px;
|
10 |
+
height:0px;
|
11 |
+
display:none;
|
12 |
+
}
|
13 |
+
|
14 |
+
.alert_lite_close {
|
15 |
+
width:0px;
|
16 |
+
height:0px;
|
17 |
+
display:none;
|
18 |
+
}
|
19 |
+
|
20 |
+
.alert_lite_minimize {
|
21 |
+
width:0px;
|
22 |
+
height:0px;
|
23 |
+
display:none;
|
24 |
+
}
|
25 |
+
|
26 |
+
.alert_lite_maximize {
|
27 |
+
width:0px;
|
28 |
+
height:0px;
|
29 |
+
display:none;
|
30 |
+
}
|
31 |
+
|
32 |
+
.alert_lite_title {
|
33 |
+
width:0px;
|
34 |
+
height:0px;
|
35 |
+
display:none;
|
36 |
+
}
|
37 |
+
|
38 |
+
.alert_lite_content {
|
39 |
+
overflow:auto;
|
40 |
+
color: #000;
|
41 |
+
font-family: Tahoma, Arial, sans-serif;
|
42 |
+
font-size: 10px;
|
43 |
+
background: #FFF;
|
44 |
+
}
|
45 |
+
|
46 |
+
|
47 |
+
/* For alert/confirm dialog */
|
48 |
+
.alert_lite_window {
|
49 |
+
border:1px solid #F00;
|
50 |
+
background: #FFF;
|
51 |
+
padding:20px;
|
52 |
+
margin-left:auto;
|
53 |
+
margin-right:auto;
|
54 |
+
width:400px;
|
55 |
+
}
|
56 |
+
|
57 |
+
.alert_lite_message {
|
58 |
+
font-size:16px;
|
59 |
+
text-align:center;
|
60 |
+
width:100%;
|
61 |
+
color:#F00;
|
62 |
+
padding-bottom:10px;
|
63 |
+
}
|
64 |
+
|
65 |
+
.alert_lite_buttons {
|
66 |
+
text-align:center;
|
67 |
+
width:100%;
|
68 |
+
}
|
69 |
+
|
70 |
+
.alert_lite_buttons input {
|
71 |
+
width:20%;
|
72 |
+
margin:10px;
|
73 |
+
}
|
74 |
+
|
75 |
+
.alert_lite_progress {
|
76 |
+
float:left;
|
77 |
+
margin:auto;
|
78 |
+
text-align:center;
|
79 |
+
width:100%;
|
80 |
+
height:16px;
|
81 |
+
background: #FFF url('alert/progress.gif') no-repeat center center
|
82 |
+
}
|
83 |
+
|
84 |
+
table.alert_lite_header {
|
85 |
+
border:1px solid #F00;
|
86 |
+
background:#FFF
|
87 |
+
}
|
88 |
+
|
js/prototype/windows/themes/alphacube.css
ADDED
@@ -0,0 +1,150 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_alphacube {
|
2 |
+
background-color: #85BBEF;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.alphacube_nw {
|
9 |
+
background: transparent url(alphacube/left-top.gif) no-repeat 0 0;
|
10 |
+
width:10px;
|
11 |
+
height:25px;
|
12 |
+
}
|
13 |
+
|
14 |
+
.alphacube_n {
|
15 |
+
background: transparent url(alphacube/top-middle.gif) repeat-x 0 0;
|
16 |
+
height:25px;
|
17 |
+
}
|
18 |
+
|
19 |
+
.alphacube_ne {
|
20 |
+
background: transparent url(alphacube/right-top.gif) no-repeat 0 0;
|
21 |
+
width:10px;
|
22 |
+
height:25px;
|
23 |
+
}
|
24 |
+
|
25 |
+
.alphacube_w {
|
26 |
+
background: transparent url(alphacube/frame-left.gif) repeat-y top left;
|
27 |
+
width:7px;
|
28 |
+
}
|
29 |
+
|
30 |
+
.alphacube_e {
|
31 |
+
background: transparent url(alphacube/frame-right.gif) repeat-y top right;
|
32 |
+
width:7px;
|
33 |
+
}
|
34 |
+
|
35 |
+
.alphacube_sw {
|
36 |
+
background: transparent url(alphacube/bottom-left-c.gif) no-repeat 0 0;
|
37 |
+
width:7px;
|
38 |
+
height:7px;
|
39 |
+
}
|
40 |
+
|
41 |
+
.alphacube_s {
|
42 |
+
background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0;
|
43 |
+
height:7px;
|
44 |
+
}
|
45 |
+
|
46 |
+
.alphacube_se, .alphacube_sizer {
|
47 |
+
background: transparent url(alphacube/bottom-right-c.gif) no-repeat 0 0;
|
48 |
+
width:7px;
|
49 |
+
height:7px;
|
50 |
+
}
|
51 |
+
|
52 |
+
.alphacube_sizer {
|
53 |
+
cursor:se-resize;
|
54 |
+
}
|
55 |
+
|
56 |
+
.alphacube_close {
|
57 |
+
width: 23px;
|
58 |
+
height: 23px;
|
59 |
+
background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0;
|
60 |
+
position:absolute;
|
61 |
+
top:0px;
|
62 |
+
right:11px;
|
63 |
+
cursor:pointer;
|
64 |
+
z-index:1000;
|
65 |
+
}
|
66 |
+
|
67 |
+
.alphacube_minimize {
|
68 |
+
width: 23px;
|
69 |
+
height: 23px;
|
70 |
+
background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0;
|
71 |
+
position:absolute;
|
72 |
+
top:0px;
|
73 |
+
right:55px;
|
74 |
+
cursor:pointer;
|
75 |
+
z-index:1000;
|
76 |
+
}
|
77 |
+
|
78 |
+
.alphacube_maximize {
|
79 |
+
width: 23px;
|
80 |
+
height: 23px;
|
81 |
+
background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;
|
82 |
+
position:absolute;
|
83 |
+
top:0px;
|
84 |
+
right:33px;
|
85 |
+
cursor:pointer;
|
86 |
+
z-index:1000;
|
87 |
+
}
|
88 |
+
|
89 |
+
.alphacube_title {
|
90 |
+
float:left;
|
91 |
+
height:14px;
|
92 |
+
font-size:14px;
|
93 |
+
text-align:center;
|
94 |
+
margin-top:2px;
|
95 |
+
width:100%;
|
96 |
+
color:#123456;
|
97 |
+
}
|
98 |
+
|
99 |
+
.alphacube_content {
|
100 |
+
overflow:auto;
|
101 |
+
color: #000;
|
102 |
+
font-family: Tahoma, Arial, sans-serif;
|
103 |
+
font: 12px arial;
|
104 |
+
background:#FDFDFD;
|
105 |
+
}
|
106 |
+
|
107 |
+
/* For alert/confirm dialog */
|
108 |
+
.alphacube_window {
|
109 |
+
border:1px solid #F00;
|
110 |
+
background: #FFF;
|
111 |
+
padding:20px;
|
112 |
+
margin-left:auto;
|
113 |
+
margin-right:auto;
|
114 |
+
width:400px;
|
115 |
+
}
|
116 |
+
|
117 |
+
.alphacube_message {
|
118 |
+
font: 12px arial;
|
119 |
+
text-align:center;
|
120 |
+
width:100%;
|
121 |
+
padding-bottom:10px;
|
122 |
+
}
|
123 |
+
|
124 |
+
.alphacube_buttons {
|
125 |
+
text-align:center;
|
126 |
+
width:100%;
|
127 |
+
}
|
128 |
+
|
129 |
+
.alphacube_buttons input {
|
130 |
+
width:20%;
|
131 |
+
margin:10px;
|
132 |
+
}
|
133 |
+
|
134 |
+
.alphacube_progress {
|
135 |
+
float:left;
|
136 |
+
margin:auto;
|
137 |
+
text-align:center;
|
138 |
+
width:100%;
|
139 |
+
height:16px;
|
140 |
+
background: #FFF url('alert/progress.gif') no-repeat center center
|
141 |
+
}
|
142 |
+
|
143 |
+
.alphacube_wired_frame {
|
144 |
+
background: #FFF;
|
145 |
+
filter:alpha(opacity=60);
|
146 |
+
-moz-opacity: 0.6;
|
147 |
+
opacity: 0.6;
|
148 |
+
}
|
149 |
+
|
150 |
+
|
js/prototype/windows/themes/alphacube/bottom-left-c.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/bottom-middle.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/bottom-right-c.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/button-close-focus.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/button-max-focus.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/button-min-focus.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/frame-left.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/frame-right.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/left-top.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/right-top.gif
ADDED
Binary file
|
js/prototype/windows/themes/alphacube/top-middle.gif
ADDED
Binary file
|
js/prototype/windows/themes/behavior.htc
ADDED
@@ -0,0 +1,51 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<public:component>
|
2 |
+
<public:attach event="onpropertychange" onevent="propertyChanged()" />
|
3 |
+
<script>
|
4 |
+
|
5 |
+
var supported = /MSIE (5\.5)|[6789]/.test(navigator.userAgent) && navigator.platform == "Win32";
|
6 |
+
var realSrc;
|
7 |
+
var blankSrc = "blank.gif";
|
8 |
+
|
9 |
+
if (supported) fixImage();
|
10 |
+
|
11 |
+
function propertyChanged() {
|
12 |
+
if (!supported) return;
|
13 |
+
|
14 |
+
var pName = event.propertyName;
|
15 |
+
if (pName != "src") return;
|
16 |
+
// if not set to blank
|
17 |
+
if ( ! new RegExp(blankSrc).test(src))
|
18 |
+
fixImage();
|
19 |
+
};
|
20 |
+
|
21 |
+
function fixImage() {
|
22 |
+
// get src
|
23 |
+
var src = element.src;
|
24 |
+
|
25 |
+
// check for real change
|
26 |
+
if (src == realSrc) {
|
27 |
+
element.src = blankSrc;
|
28 |
+
return;
|
29 |
+
}
|
30 |
+
|
31 |
+
if ( ! new RegExp(blankSrc).test(src)) {
|
32 |
+
// backup old src
|
33 |
+
realSrc = src;
|
34 |
+
}
|
35 |
+
|
36 |
+
// test for png
|
37 |
+
if ( /\.png$/.test( realSrc.toLowerCase() ) ) {
|
38 |
+
// set blank image
|
39 |
+
element.src = blankSrc;
|
40 |
+
// set filter
|
41 |
+
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +
|
42 |
+
src + "',sizingMethod='scale')";
|
43 |
+
}
|
44 |
+
else {
|
45 |
+
// remove filter
|
46 |
+
element.runtimeStyle.filter = "";
|
47 |
+
}
|
48 |
+
}
|
49 |
+
|
50 |
+
</script>
|
51 |
+
</public:component>
|
js/prototype/windows/themes/darkX.css
ADDED
@@ -0,0 +1,121 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_darkX {
|
2 |
+
background-color: #85BBEF;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.darkX_nw {
|
9 |
+
background: transparent url(darkX/titlebar-left-focused.png) no-repeat 0 0;
|
10 |
+
width:6px;
|
11 |
+
height:21px;
|
12 |
+
}
|
13 |
+
.darkX_n {
|
14 |
+
background: transparent url(darkX/titlebar-mid-focused.png) repeat-x 0 0;
|
15 |
+
height:21px;
|
16 |
+
}
|
17 |
+
.darkX_ne {
|
18 |
+
background: transparent url(darkX/titlebar-right-focused.png) no-repeat 0 0;
|
19 |
+
width:6px;
|
20 |
+
height:21px;
|
21 |
+
}
|
22 |
+
.darkX_w {
|
23 |
+
background: transparent url(darkX/frame-left-focused.png) repeat-y top left;
|
24 |
+
width:3px;
|
25 |
+
}
|
26 |
+
|
27 |
+
.darkX_e {
|
28 |
+
background: transparent url(darkX/frame-right-focused.png) repeat-y top right;
|
29 |
+
width:3px;
|
30 |
+
}
|
31 |
+
|
32 |
+
.darkX_sw {
|
33 |
+
background: transparent url(darkX/frame-bottom-left-focused.png) no-repeat 0 0;
|
34 |
+
width:5px;
|
35 |
+
height:3px;
|
36 |
+
}
|
37 |
+
.darkX_s {
|
38 |
+
background: transparent url(darkX/frame-bottom-mid-focused.png) repeat-x 0 0;
|
39 |
+
height:3px;
|
40 |
+
}
|
41 |
+
.darkX_se, .darkX_sizer {
|
42 |
+
background: transparent url(darkX/frame-bottom-right-focused.png) no-repeat 0 0;
|
43 |
+
width:5px;
|
44 |
+
height:3px;
|
45 |
+
}
|
46 |
+
|
47 |
+
.darkX_sizer {
|
48 |
+
cursor:se-resize;
|
49 |
+
}
|
50 |
+
|
51 |
+
.darkX_close {
|
52 |
+
width: 21px;
|
53 |
+
height: 21px;
|
54 |
+
background: transparent url(darkX/button-close-focused.png) no-repeat 0 0;
|
55 |
+
position:absolute;
|
56 |
+
top:0px;
|
57 |
+
right:5px;
|
58 |
+
cursor:pointer;
|
59 |
+
z-index:1000;
|
60 |
+
}
|
61 |
+
|
62 |
+
.darkX_minimize {
|
63 |
+
width: 21px;
|
64 |
+
height: 21px;
|
65 |
+
background: transparent url(darkX/button-minimize-focused.png) no-repeat 0 0;
|
66 |
+
position:absolute;
|
67 |
+
top:0px;
|
68 |
+
right:26px;
|
69 |
+
cursor:pointer;
|
70 |
+
z-index:1000;
|
71 |
+
}
|
72 |
+
|
73 |
+
.darkX_maximize {
|
74 |
+
width: 21px;
|
75 |
+
height: 21px;
|
76 |
+
background: transparent url(darkX/button-maximize-focused.png) no-repeat 0 0;
|
77 |
+
position:absolute;
|
78 |
+
top:0px;
|
79 |
+
right:47px;
|
80 |
+
cursor:pointer;
|
81 |
+
z-index:1000;
|
82 |
+
}
|
83 |
+
|
84 |
+
|
85 |
+
.darkX_title {
|
86 |
+
float:left;
|
87 |
+
height:14px;
|
88 |
+
font-size:12px;
|
89 |
+
text-align:center;
|
90 |
+
margin-top:2px;
|
91 |
+
width:100%;
|
92 |
+
color:#FFF;
|
93 |
+
}
|
94 |
+
|
95 |
+
.darkX_content {
|
96 |
+
overflow:auto;
|
97 |
+
color: #E6DF2A;
|
98 |
+
font-family: Tahoma, Arial, sans-serif;
|
99 |
+
font-size: 14px;
|
100 |
+
background:#5E5148;
|
101 |
+
}
|
102 |
+
|
103 |
+
|
104 |
+
/* FOR IE */
|
105 |
+
* html .darkX_minimize {
|
106 |
+
background-color: transparent;
|
107 |
+
background-image: none;
|
108 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/darkX/button-minimize-focused.png", sizingMethod="crop");
|
109 |
+
}
|
110 |
+
|
111 |
+
* html .darkX_maximize {
|
112 |
+
background-color: transparent;
|
113 |
+
background-image: none;
|
114 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/darkX/button-maximize-focused.png", sizingMethod="scale");
|
115 |
+
}
|
116 |
+
|
117 |
+
* html .darkX_close {
|
118 |
+
background-color: transparent;
|
119 |
+
background-image: none;
|
120 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/darkX/button-close-focused.png", sizingMethod="crop");
|
121 |
+
}
|
js/prototype/windows/themes/darkX/button-close-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/button-maximize-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/button-minimize-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/frame-bottom-left-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/frame-bottom-mid-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/frame-bottom-right-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/frame-left-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/frame-right-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/titlebar-left-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/titlebar-mid-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/darkX/titlebar-right-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/debug.css
ADDED
@@ -0,0 +1,25 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
div.inspector div.inspectable {
|
2 |
+
padding: 0.25em 0 0.25em 1em;
|
3 |
+
background-color: Gray;
|
4 |
+
color: white;
|
5 |
+
border: outset 2px white;
|
6 |
+
cursor: pointer;
|
7 |
+
}
|
8 |
+
|
9 |
+
div.inspector div.child {
|
10 |
+
margin: 0 0 0 1em;
|
11 |
+
}
|
12 |
+
|
13 |
+
#debug_window_content { /* DIV container for debug sizing*/
|
14 |
+
width:250px;
|
15 |
+
height:100px;
|
16 |
+
background-color:#000;
|
17 |
+
}
|
18 |
+
|
19 |
+
#debug { /* DIV container for debug contents*/
|
20 |
+
padding:3px;
|
21 |
+
color:#0f0;
|
22 |
+
font-family:monaco, Tahoma, Verdana, Arial, Helvetica, sans-serif;
|
23 |
+
font-size:10px;
|
24 |
+
}
|
25 |
+
|
js/prototype/windows/themes/default.css
ADDED
@@ -0,0 +1,155 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_dialog {
|
2 |
+
background-color: #666666;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.overlay___invisible__ {
|
9 |
+
background-color: #666666;
|
10 |
+
filter:alpha(opacity=0);
|
11 |
+
-moz-opacity: 0;
|
12 |
+
opacity: 0;
|
13 |
+
}
|
14 |
+
|
15 |
+
.dialog_nw {
|
16 |
+
width: 9px;
|
17 |
+
height: 23px;
|
18 |
+
background: transparent url(default/top_left.gif) no-repeat 0 0;
|
19 |
+
}
|
20 |
+
|
21 |
+
.dialog_n {
|
22 |
+
background: transparent url(default/top_mid.gif) repeat-x 0 0;
|
23 |
+
height: 23px;
|
24 |
+
}
|
25 |
+
|
26 |
+
.dialog_ne {
|
27 |
+
width: 9px;
|
28 |
+
height: 23px;
|
29 |
+
background: transparent url(default/top_right.gif) no-repeat 0 0;
|
30 |
+
}
|
31 |
+
|
32 |
+
.dialog_e {
|
33 |
+
width: 2px;
|
34 |
+
background: transparent url(default/center_right.gif) repeat-y 0 0;
|
35 |
+
}
|
36 |
+
|
37 |
+
.dialog_w {
|
38 |
+
width: 2px;
|
39 |
+
background: transparent url(default/center_left.gif) repeat-y 0 0;
|
40 |
+
}
|
41 |
+
|
42 |
+
.dialog_sw {
|
43 |
+
width: 9px;
|
44 |
+
height: 19px;
|
45 |
+
background: transparent url(default/bottom_left.gif) no-repeat 0 0;
|
46 |
+
}
|
47 |
+
|
48 |
+
.dialog_s {
|
49 |
+
background: transparent url(default/bottom_mid.gif) repeat-x 0 0;
|
50 |
+
height: 19px;
|
51 |
+
}
|
52 |
+
|
53 |
+
.dialog_se {
|
54 |
+
width: 9px;
|
55 |
+
height: 19px;
|
56 |
+
background: transparent url(default/bottom_right.gif) no-repeat 0 0;
|
57 |
+
}
|
58 |
+
|
59 |
+
.dialog_sizer {
|
60 |
+
width: 9px;
|
61 |
+
height: 19px;
|
62 |
+
background: transparent url(default/sizer.gif) no-repeat 0 0;
|
63 |
+
cursor:se-resize;
|
64 |
+
}
|
65 |
+
|
66 |
+
.dialog_close {
|
67 |
+
width: 14px;
|
68 |
+
height: 14px;
|
69 |
+
background: transparent url(default/close.gif) no-repeat 0 0;
|
70 |
+
position:absolute;
|
71 |
+
top:5px;
|
72 |
+
left:8px;
|
73 |
+
cursor:pointer;
|
74 |
+
z-index:2000;
|
75 |
+
}
|
76 |
+
|
77 |
+
.dialog_minimize {
|
78 |
+
width: 14px;
|
79 |
+
height: 15px;
|
80 |
+
background: transparent url(default/minimize.gif) no-repeat 0 0;
|
81 |
+
position:absolute;
|
82 |
+
top:5px;
|
83 |
+
left:28px;
|
84 |
+
cursor:pointer;
|
85 |
+
z-index:2000;
|
86 |
+
}
|
87 |
+
|
88 |
+
.dialog_maximize {
|
89 |
+
width: 14px;
|
90 |
+
height: 15px;
|
91 |
+
background: transparent url(default/maximize.gif) no-repeat 0 0;
|
92 |
+
position:absolute;
|
93 |
+
top:5px;
|
94 |
+
left:49px;
|
95 |
+
cursor:pointer;
|
96 |
+
z-index:2000;
|
97 |
+
}
|
98 |
+
|
99 |
+
.dialog_title {
|
100 |
+
float:left;
|
101 |
+
height:14px;
|
102 |
+
font-family: Tahoma, Arial, sans-serif;
|
103 |
+
font-size:12px;
|
104 |
+
text-align:center;
|
105 |
+
width:100%;
|
106 |
+
color:#000;
|
107 |
+
}
|
108 |
+
|
109 |
+
.dialog_content {
|
110 |
+
overflow:auto;
|
111 |
+
color: #DDD;
|
112 |
+
font-family: Tahoma, Arial, sans-serif;
|
113 |
+
font-size: 10px;
|
114 |
+
background-color:#123;
|
115 |
+
}
|
116 |
+
|
117 |
+
.top_draggable, .bottom_draggable {
|
118 |
+
cursor:move;
|
119 |
+
}
|
120 |
+
|
121 |
+
.status_bar {
|
122 |
+
font-size:12px;
|
123 |
+
}
|
124 |
+
.status_bar input{
|
125 |
+
font-size:12px;
|
126 |
+
}
|
127 |
+
|
128 |
+
.wired_frame {
|
129 |
+
display: block;
|
130 |
+
position: absolute;
|
131 |
+
border: 1px #000 dashed;
|
132 |
+
}
|
133 |
+
|
134 |
+
/* DO NOT CHANGE THESE VALUES*/
|
135 |
+
.dialog {
|
136 |
+
display: block;
|
137 |
+
position: absolute;
|
138 |
+
}
|
139 |
+
|
140 |
+
.dialog table.table_window {
|
141 |
+
border-collapse: collapse;
|
142 |
+
border-spacing: 0;
|
143 |
+
width: 100%;
|
144 |
+
margin: 0px;
|
145 |
+
padding:0px;
|
146 |
+
}
|
147 |
+
|
148 |
+
.dialog table.table_window td , .dialog table.table_window th {
|
149 |
+
padding: 0;
|
150 |
+
}
|
151 |
+
|
152 |
+
.dialog .title_window {
|
153 |
+
-moz-user-select:none;
|
154 |
+
}
|
155 |
+
|
js/prototype/windows/themes/default/bottom_left.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/bottom_mid.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/bottom_right.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/bottom_right_resize.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/center_left.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/center_right.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/clear.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/close.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/inspect.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/maximize.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/minimize.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/overlay.png
ADDED
Binary file
|
js/prototype/windows/themes/default/resize.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/sizer.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/top_left.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/top_mid.gif
ADDED
Binary file
|
js/prototype/windows/themes/default/top_right.gif
ADDED
Binary file
|
js/prototype/windows/themes/iefix/blank.gif
ADDED
Binary file
|
js/prototype/windows/themes/iefix/iepngfix.css
ADDED
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
1 |
+
/* PNG fix for all themes that uses PNG images on IE */
|
2 |
+
td, div { behavior: url(../themes/iefix/iepngfix.htc) }
|
3 |
+
|
js/prototype/windows/themes/iefix/iepngfix.htc
ADDED
@@ -0,0 +1,54 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<public:component>
|
2 |
+
<public:attach event="onpropertychange" onevent="doFix()" />
|
3 |
+
|
4 |
+
<script type="text/javascript">
|
5 |
+
|
6 |
+
// IE5.5+ PNG Alpha Fix v1.0RC4
|
7 |
+
// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com
|
8 |
+
|
9 |
+
// This is licensed under the CC-GNU LGPL, version 2.1 or later.
|
10 |
+
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
11 |
+
|
12 |
+
// Modified/Simplified on 04/23/2007 by Sebastien Gruhier (http://www.xilinus.com)
|
13 |
+
// To work only on background and to handle repeat bg
|
14 |
+
|
15 |
+
// This must be a path to a blank image. That's all the configuration you need.
|
16 |
+
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';
|
17 |
+
|
18 |
+
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
|
19 |
+
|
20 |
+
function filt(s, m)
|
21 |
+
{
|
22 |
+
if (filters[f])
|
23 |
+
{
|
24 |
+
filters[f].enabled = s ? true : false;
|
25 |
+
if (s) with (filters[f]) { src = s; sizingMethod = m }
|
26 |
+
}
|
27 |
+
else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';
|
28 |
+
}
|
29 |
+
|
30 |
+
function doFix()
|
31 |
+
{
|
32 |
+
// Assume IE7 is OK.
|
33 |
+
if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||
|
34 |
+
(event && !/(background|src)/.test(event.propertyName))) return;
|
35 |
+
|
36 |
+
var bgImg = currentStyle.backgroundImage || style.backgroundImage;
|
37 |
+
var bgRepeat = currentStyle.backgroundRepeat || style.backgroundRepeat;
|
38 |
+
if (bgImg && bgImg != 'none')
|
39 |
+
{
|
40 |
+
if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i))
|
41 |
+
{
|
42 |
+
var s = RegExp.$1;
|
43 |
+
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
|
44 |
+
style.width = offsetWidth + 'px';
|
45 |
+
style.backgroundImage = 'none';
|
46 |
+
filt(s, bgRepeat == "no-repeat" ? 'crop' : 'scale');
|
47 |
+
}
|
48 |
+
}
|
49 |
+
}
|
50 |
+
|
51 |
+
doFix();
|
52 |
+
|
53 |
+
</script>
|
54 |
+
</public:component>
|
js/prototype/windows/themes/lighting.css
ADDED
@@ -0,0 +1,960 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay___invisible__ {
|
2 |
+
background-color: #666;
|
3 |
+
filter:alpha(opacity=0);
|
4 |
+
-moz-opacity: 0;
|
5 |
+
opacity: 0;
|
6 |
+
}
|
7 |
+
|
8 |
+
.top_draggable, .bottom_draggable {
|
9 |
+
cursor:move;
|
10 |
+
}
|
11 |
+
|
12 |
+
.status_bar {
|
13 |
+
font-size:12px;
|
14 |
+
}
|
15 |
+
.status_bar input{
|
16 |
+
font-size:12px;
|
17 |
+
}
|
18 |
+
|
19 |
+
.wired_frame {
|
20 |
+
display:block;
|
21 |
+
position:absolute;
|
22 |
+
border:1px #000 dashed;
|
23 |
+
}
|
24 |
+
|
25 |
+
|
26 |
+
|
27 |
+
.overlay_bluelighting {
|
28 |
+
background-color:#FFF;
|
29 |
+
filter:alpha(opacity=60);
|
30 |
+
-moz-opacity:0.6;
|
31 |
+
opacity:0.6;
|
32 |
+
}
|
33 |
+
|
34 |
+
.bluelighting_wired_frame {
|
35 |
+
background:#FFF;
|
36 |
+
filter:alpha(opacity=60);
|
37 |
+
-moz-opacity:0.6;
|
38 |
+
opacity:0.6;
|
39 |
+
}
|
40 |
+
|
41 |
+
.bluelighting_nw {
|
42 |
+
background:transparent url(lighting/top-left-blue.png) no-repeat 0 0;
|
43 |
+
width:9px;
|
44 |
+
height:28px;
|
45 |
+
}
|
46 |
+
|
47 |
+
.bluelighting_n {
|
48 |
+
background:transparent url(lighting/top-middle-blue.png) repeat-x 0 0;
|
49 |
+
height:28px;
|
50 |
+
}
|
51 |
+
|
52 |
+
.bluelighting_ne {
|
53 |
+
background:transparent url(lighting/top-right-blue.png) no-repeat 0 0;
|
54 |
+
width:15px;
|
55 |
+
height:28px;
|
56 |
+
}
|
57 |
+
|
58 |
+
.bluelighting_w {
|
59 |
+
background:transparent url(lighting/left-blue.png) repeat-y top left;
|
60 |
+
width:9px;
|
61 |
+
}
|
62 |
+
|
63 |
+
.bluelighting_e {
|
64 |
+
background:transparent url(lighting/right-blue.png) repeat-y top right;
|
65 |
+
width:15px;
|
66 |
+
}
|
67 |
+
|
68 |
+
.bluelighting_sw {
|
69 |
+
background:transparent url(lighting/bottom-left-blue.png) no-repeat 0 0;
|
70 |
+
width:9px;
|
71 |
+
height:15px;
|
72 |
+
}
|
73 |
+
|
74 |
+
.bluelighting_s {
|
75 |
+
background:transparent url(lighting/bottom-middle-blue.png) repeat-x 0 0;
|
76 |
+
height:15px;
|
77 |
+
}
|
78 |
+
|
79 |
+
.bluelighting_se, .bluelighting_sizer {
|
80 |
+
background:transparent url(lighting/bottom-right-blue.png) no-repeat 0 0;
|
81 |
+
width:15px;
|
82 |
+
height:15px;
|
83 |
+
}
|
84 |
+
|
85 |
+
.bluelighting_sizer {
|
86 |
+
cursor:se-resize;
|
87 |
+
}
|
88 |
+
|
89 |
+
.bluelighting_close {
|
90 |
+
width:15px;
|
91 |
+
height:9px;
|
92 |
+
background:transparent url(lighting/button-close-blue.png) no-repeat 0 0;
|
93 |
+
position:absolute;
|
94 |
+
top:11px;
|
95 |
+
right:10px;
|
96 |
+
cursor:pointer;
|
97 |
+
z-index:1000;
|
98 |
+
}
|
99 |
+
|
100 |
+
.bluelighting_maximize {
|
101 |
+
width:15px;
|
102 |
+
height:9px;
|
103 |
+
background:transparent url(lighting/button-maximize-blue.png) no-repeat 0 0;
|
104 |
+
position:absolute;
|
105 |
+
top:11px;
|
106 |
+
right:25px;
|
107 |
+
cursor:pointer;
|
108 |
+
z-index:1000;
|
109 |
+
}
|
110 |
+
|
111 |
+
.bluelighting_minimize {
|
112 |
+
width:15px;
|
113 |
+
height:9px;
|
114 |
+
background:transparent url(lighting/button-minimize-blue.png) no-repeat 0 0;
|
115 |
+
position:absolute;
|
116 |
+
top:11px;
|
117 |
+
right:40px;
|
118 |
+
cursor:pointer;
|
119 |
+
z-index:1000;
|
120 |
+
}
|
121 |
+
|
122 |
+
.bluelighting_title {
|
123 |
+
float:left;
|
124 |
+
height:14px;
|
125 |
+
font-size:14px;
|
126 |
+
font-weight:bold;
|
127 |
+
font-family:Verdana, Arial, sans-serif;
|
128 |
+
text-align:center;
|
129 |
+
margin-top:2px;
|
130 |
+
width:100%;
|
131 |
+
color:#17385B;
|
132 |
+
}
|
133 |
+
|
134 |
+
.bluelighting_content {
|
135 |
+
overflow:auto;
|
136 |
+
color:#000;
|
137 |
+
font-family:Verdana, Arial, sans-serif;
|
138 |
+
font-size:12px;
|
139 |
+
background:#BFDBFF;
|
140 |
+
}
|
141 |
+
|
142 |
+
/* For alert/confirm dialog */
|
143 |
+
.bluelighting_window {
|
144 |
+
border:1px solid #F00;
|
145 |
+
background:#FFF;
|
146 |
+
padding:20px;
|
147 |
+
margin-left:auto;
|
148 |
+
margin-right:auto;
|
149 |
+
width:400px;
|
150 |
+
}
|
151 |
+
|
152 |
+
.bluelighting_message {
|
153 |
+
font-size:12px;
|
154 |
+
text-align:center;
|
155 |
+
width:100%;
|
156 |
+
padding-bottom:10px;
|
157 |
+
}
|
158 |
+
|
159 |
+
.bluelighting_buttons {
|
160 |
+
text-align:center;
|
161 |
+
width:100%;
|
162 |
+
}
|
163 |
+
|
164 |
+
.bluelighting_buttons input {
|
165 |
+
border:1px solid #999;
|
166 |
+
border-top-color:#CCC;
|
167 |
+
border-left-color:#CCC;
|
168 |
+
padding:2px;
|
169 |
+
background-color:#FFF;
|
170 |
+
color:#333;
|
171 |
+
background-image:url(lighting/background_buttons.gif);
|
172 |
+
background-repeat:repeat-x;
|
173 |
+
font-family:Verdana, Arial, sans-serif;
|
174 |
+
font-size:10px;
|
175 |
+
font-weight:bold;
|
176 |
+
text-align:center;
|
177 |
+
}
|
178 |
+
|
179 |
+
.bluelighting_progress {
|
180 |
+
float:left;
|
181 |
+
margin:auto;
|
182 |
+
text-align:center;
|
183 |
+
width:100%;
|
184 |
+
height:16px;
|
185 |
+
background:transparent url('lighting/spinner.gif') no-repeat center center
|
186 |
+
}
|
187 |
+
|
188 |
+
/* FOR IE */
|
189 |
+
* html .bluelighting_nw {
|
190 |
+
background-color: transparent;
|
191 |
+
background-image: none;
|
192 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-left-blue.png", sizingMethod="crop");
|
193 |
+
}
|
194 |
+
|
195 |
+
* html .bluelighting_n {
|
196 |
+
background-color: transparent;
|
197 |
+
background-image: none;
|
198 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-middle-blue.png", sizingMethod="scale");
|
199 |
+
}
|
200 |
+
|
201 |
+
* html .bluelighting_ne {
|
202 |
+
background-color: transparent;
|
203 |
+
background-image: none;
|
204 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-right-blue.png", sizingMethod="crop");
|
205 |
+
}
|
206 |
+
|
207 |
+
* html .bluelighting_w {
|
208 |
+
background-color: transparent;
|
209 |
+
background-image: none;
|
210 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/left-blue.png", sizingMethod="scale");
|
211 |
+
}
|
212 |
+
|
213 |
+
* html .bluelighting_e {
|
214 |
+
background-color: transparent;
|
215 |
+
background-image: none;
|
216 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/right-blue.png", sizingMethod="scale");
|
217 |
+
}
|
218 |
+
|
219 |
+
* html .bluelighting_sw {
|
220 |
+
background-color: transparent;
|
221 |
+
background-image: none;
|
222 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-left-blue.png", sizingMethod="crop");
|
223 |
+
}
|
224 |
+
|
225 |
+
* html .bluelighting_s {
|
226 |
+
background-color: transparent;
|
227 |
+
background-image: none;
|
228 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-middle-blue.png", sizingMethod="scale");
|
229 |
+
}
|
230 |
+
|
231 |
+
* html .bluelighting_se, * html .bluelighting_sizer {
|
232 |
+
background-color: transparent;
|
233 |
+
background-image: none;
|
234 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-right-blue.png", sizingMethod="crop");
|
235 |
+
}
|
236 |
+
|
237 |
+
* html .bluelighting_close {
|
238 |
+
background-color: transparent;
|
239 |
+
background-image: none;
|
240 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-close-blue.png", sizingMethod="crop");
|
241 |
+
}
|
242 |
+
|
243 |
+
* html .bluelighting_minimize {
|
244 |
+
background-color: transparent;
|
245 |
+
background-image: none;
|
246 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-minimize-blue.png", sizingMethod="crop");
|
247 |
+
}
|
248 |
+
|
249 |
+
* html .bluelighting_maximize {
|
250 |
+
background-color: transparent;
|
251 |
+
background-image: none;
|
252 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-maximize-blue.png", sizingMethod="crop");
|
253 |
+
}
|
254 |
+
|
255 |
+
* html .bluelighting_content {
|
256 |
+
background:#B8D7FF;
|
257 |
+
}
|
258 |
+
|
259 |
+
|
260 |
+
|
261 |
+
.overlay_greylighting {
|
262 |
+
background-color:#FFF;
|
263 |
+
filter:alpha(opacity=60);
|
264 |
+
-moz-opacity:0.6;
|
265 |
+
opacity:0.6;
|
266 |
+
}
|
267 |
+
|
268 |
+
.greylighting_wired_frame {
|
269 |
+
background:#FFF;
|
270 |
+
filter:alpha(opacity=60);
|
271 |
+
-moz-opacity:0.6;
|
272 |
+
opacity:0.6;
|
273 |
+
}
|
274 |
+
|
275 |
+
.greylighting_nw {
|
276 |
+
background:transparent url(lighting/top-left-grey.png) no-repeat 0 0;
|
277 |
+
width:9px;
|
278 |
+
height:28px;
|
279 |
+
}
|
280 |
+
|
281 |
+
.greylighting_n {
|
282 |
+
background:transparent url(lighting/top-middle-grey.png) repeat-x 0 0;
|
283 |
+
height:28px;
|
284 |
+
}
|
285 |
+
|
286 |
+
.greylighting_ne {
|
287 |
+
background:transparent url(lighting/top-right-grey.png) no-repeat 0 0;
|
288 |
+
width:15px;
|
289 |
+
height:28px;
|
290 |
+
}
|
291 |
+
|
292 |
+
.greylighting_w {
|
293 |
+
background:transparent url(lighting/left-grey.png) repeat-y top left;
|
294 |
+
width:9px;
|
295 |
+
}
|
296 |
+
|
297 |
+
.greylighting_e {
|
298 |
+
background:transparent url(lighting/right-grey.png) repeat-y top right;
|
299 |
+
width:15px;
|
300 |
+
}
|
301 |
+
|
302 |
+
.greylighting_sw {
|
303 |
+
background:transparent url(lighting/bottom-left-grey.png) no-repeat 0 0;
|
304 |
+
width:9px;
|
305 |
+
height:15px;
|
306 |
+
}
|
307 |
+
|
308 |
+
.greylighting_s {
|
309 |
+
background:transparent url(lighting/bottom-middle-grey.png) repeat-x 0 0;
|
310 |
+
height:15px;
|
311 |
+
}
|
312 |
+
|
313 |
+
.greylighting_se, .greylighting_sizer {
|
314 |
+
background:transparent url(lighting/bottom-right-grey.png) no-repeat 0 0;
|
315 |
+
width:15px;
|
316 |
+
height:15px;
|
317 |
+
}
|
318 |
+
|
319 |
+
.greylighting_sizer {
|
320 |
+
cursor:se-resize;
|
321 |
+
}
|
322 |
+
|
323 |
+
.greylighting_close {
|
324 |
+
width:15px;
|
325 |
+
height:9px;
|
326 |
+
background:transparent url(lighting/button-close-grey.png) no-repeat 0 0;
|
327 |
+
position:absolute;
|
328 |
+
top:11px;
|
329 |
+
right:10px;
|
330 |
+
cursor:pointer;
|
331 |
+
z-index:1000;
|
332 |
+
}
|
333 |
+
|
334 |
+
.greylighting_maximize {
|
335 |
+
width:15px;
|
336 |
+
height:9px;
|
337 |
+
background:transparent url(lighting/button-maximize-grey.png) no-repeat 0 0;
|
338 |
+
position:absolute;
|
339 |
+
top:11px;
|
340 |
+
right:25px;
|
341 |
+
cursor:pointer;
|
342 |
+
z-index:1000;
|
343 |
+
}
|
344 |
+
|
345 |
+
.greylighting_minimize {
|
346 |
+
width:15px;
|
347 |
+
height:9px;
|
348 |
+
background:transparent url(lighting/button-minimize-grey.png) no-repeat 0 0;
|
349 |
+
position:absolute;
|
350 |
+
top:11px;
|
351 |
+
right:40px;
|
352 |
+
cursor:pointer;
|
353 |
+
z-index:1000;
|
354 |
+
}
|
355 |
+
|
356 |
+
.greylighting_title {
|
357 |
+
float:left;
|
358 |
+
height:14px;
|
359 |
+
font-size:14px;
|
360 |
+
font-weight:bold;
|
361 |
+
font-family:Verdana, Arial, sans-serif;
|
362 |
+
text-align:center;
|
363 |
+
margin-top:2px;
|
364 |
+
width:100%;
|
365 |
+
color:#525252;
|
366 |
+
}
|
367 |
+
|
368 |
+
.greylighting_content {
|
369 |
+
overflow:auto;
|
370 |
+
color:#000;
|
371 |
+
font-family:Verdana, Arial, sans-serif;
|
372 |
+
font-size:12px;
|
373 |
+
background:#CDCDCD;
|
374 |
+
}
|
375 |
+
|
376 |
+
/* For alert/confirm dialog */
|
377 |
+
.greylighting_window {
|
378 |
+
border:1px solid #F00;
|
379 |
+
background:#FFF;
|
380 |
+
padding:20px;
|
381 |
+
margin-left:auto;
|
382 |
+
margin-right:auto;
|
383 |
+
width:400px;
|
384 |
+
}
|
385 |
+
|
386 |
+
.greylighting_message {
|
387 |
+
font-size:12px;
|
388 |
+
text-align:center;
|
389 |
+
width:100%;
|
390 |
+
padding-bottom:10px;
|
391 |
+
}
|
392 |
+
|
393 |
+
.greylighting_buttons {
|
394 |
+
text-align:center;
|
395 |
+
width:100%;
|
396 |
+
}
|
397 |
+
|
398 |
+
.greylighting_buttons input {
|
399 |
+
border:1px solid #999;
|
400 |
+
border-top-color:#CCC;
|
401 |
+
border-left-color:#CCC;
|
402 |
+
padding:2px;
|
403 |
+
background-color:#FFF;
|
404 |
+
color:#333;
|
405 |
+
background-image:url(lighting/background_buttons.gif);
|
406 |
+
background-repeat:repeat-x;
|
407 |
+
font-family:Verdana, Arial, sans-serif;
|
408 |
+
font-size:10px;
|
409 |
+
font-weight:bold;
|
410 |
+
text-align:center;
|
411 |
+
}
|
412 |
+
|
413 |
+
.greylighting_progress {
|
414 |
+
float:left;
|
415 |
+
margin:auto;
|
416 |
+
text-align:center;
|
417 |
+
width:100%;
|
418 |
+
height:16px;
|
419 |
+
background:transparent url('lighting/spinner.gif') no-repeat center center
|
420 |
+
}
|
421 |
+
|
422 |
+
/* FOR IE */
|
423 |
+
* html .greylighting_nw {
|
424 |
+
background-color: transparent;
|
425 |
+
background-image: none;
|
426 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-left-grey.png", sizingMethod="crop");
|
427 |
+
}
|
428 |
+
|
429 |
+
* html .greylighting_n {
|
430 |
+
background-color: transparent;
|
431 |
+
background-image: none;
|
432 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-middle-grey.png", sizingMethod="scale");
|
433 |
+
}
|
434 |
+
|
435 |
+
* html .greylighting_ne {
|
436 |
+
background-color: transparent;
|
437 |
+
background-image: none;
|
438 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-right-grey.png", sizingMethod="crop");
|
439 |
+
}
|
440 |
+
|
441 |
+
* html .greylighting_w {
|
442 |
+
background-color: transparent;
|
443 |
+
background-image: none;
|
444 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/left-grey.png", sizingMethod="scale");
|
445 |
+
}
|
446 |
+
|
447 |
+
* html .greylighting_e {
|
448 |
+
background-color: transparent;
|
449 |
+
background-image: none;
|
450 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/right-grey.png", sizingMethod="scale");
|
451 |
+
}
|
452 |
+
|
453 |
+
* html .greylighting_sw {
|
454 |
+
background-color: transparent;
|
455 |
+
background-image: none;
|
456 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-left-grey.png", sizingMethod="crop");
|
457 |
+
}
|
458 |
+
|
459 |
+
* html .greylighting_s {
|
460 |
+
background-color: transparent;
|
461 |
+
background-image: none;
|
462 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-middle-grey.png", sizingMethod="scale");
|
463 |
+
}
|
464 |
+
|
465 |
+
* html greylighting_se, * html .greylighting_sizer {
|
466 |
+
background-color: transparent;
|
467 |
+
background-image: none;
|
468 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-right-grey.png", sizingMethod="crop");
|
469 |
+
}
|
470 |
+
|
471 |
+
* html .greylighting_close {
|
472 |
+
background-color: transparent;
|
473 |
+
background-image: none;
|
474 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-close-grey.png", sizingMethod="crop");
|
475 |
+
}
|
476 |
+
|
477 |
+
* html .greylighting_minimize {
|
478 |
+
background-color: transparent;
|
479 |
+
background-image: none;
|
480 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-minimize-grey.png", sizingMethod="crop");
|
481 |
+
}
|
482 |
+
|
483 |
+
* html .greylighting_maximize {
|
484 |
+
background-color: transparent;
|
485 |
+
background-image: none;
|
486 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-maximize-grey.png", sizingMethod="crop");
|
487 |
+
}
|
488 |
+
|
489 |
+
* html .greylighting_content {
|
490 |
+
background:#C7C7C7;
|
491 |
+
}
|
492 |
+
|
493 |
+
|
494 |
+
|
495 |
+
.overlay_greenlighting {
|
496 |
+
background-color:#FFF;
|
497 |
+
filter:alpha(opacity=60);
|
498 |
+
-moz-opacity:0.6;
|
499 |
+
opacity:0.6;
|
500 |
+
}
|
501 |
+
|
502 |
+
.greenlighting_wired_frame {
|
503 |
+
background:#FFF;
|
504 |
+
filter:alpha(opacity=60);
|
505 |
+
-moz-opacity:0.6;
|
506 |
+
opacity:0.6;
|
507 |
+
}
|
508 |
+
|
509 |
+
.greenlighting_nw {
|
510 |
+
background:transparent url(lighting/top-left-green.png) no-repeat 0 0;
|
511 |
+
width:9px;
|
512 |
+
height:28px;
|
513 |
+
}
|
514 |
+
|
515 |
+
.greenlighting_n {
|
516 |
+
background:transparent url(lighting/top-middle-green.png) repeat-x 0 0;
|
517 |
+
height:28px;
|
518 |
+
}
|
519 |
+
|
520 |
+
.greenlighting_ne {
|
521 |
+
background:transparent url(lighting/top-right-green.png) no-repeat 0 0;
|
522 |
+
width:15px;
|
523 |
+
height:28px;
|
524 |
+
}
|
525 |
+
|
526 |
+
.greenlighting_w {
|
527 |
+
background:transparent url(lighting/left-green.png) repeat-y top left;
|
528 |
+
width:9px;
|
529 |
+
}
|
530 |
+
|
531 |
+
.greenlighting_e {
|
532 |
+
background:transparent url(lighting/right-green.png) repeat-y top right;
|
533 |
+
width:15px;
|
534 |
+
}
|
535 |
+
|
536 |
+
.greenlighting_sw {
|
537 |
+
background:transparent url(lighting/bottom-left-green.png) no-repeat 0 0;
|
538 |
+
width:9px;
|
539 |
+
height:15px;
|
540 |
+
}
|
541 |
+
|
542 |
+
.greenlighting_s {
|
543 |
+
background:transparent url(lighting/bottom-middle-green.png) repeat-x 0 0;
|
544 |
+
height:15px;
|
545 |
+
}
|
546 |
+
|
547 |
+
.greenlighting_se, .greenlighting_sizer {
|
548 |
+
background:transparent url(lighting/bottom-right-green.png) no-repeat 0 0;
|
549 |
+
width:15px;
|
550 |
+
height:15px;
|
551 |
+
}
|
552 |
+
|
553 |
+
.greenlighting_sizer {
|
554 |
+
cursor:se-resize;
|
555 |
+
}
|
556 |
+
|
557 |
+
.greenlighting_close {
|
558 |
+
width:15px;
|
559 |
+
height:9px;
|
560 |
+
background:transparent url(lighting/button-close-green.png) no-repeat 0 0;
|
561 |
+
position:absolute;
|
562 |
+
top:11px;
|
563 |
+
right:10px;
|
564 |
+
cursor:pointer;
|
565 |
+
z-index:1000;
|
566 |
+
}
|
567 |
+
|
568 |
+
.greenlighting_maximize {
|
569 |
+
width:15px;
|
570 |
+
height:9px;
|
571 |
+
background:transparent url(lighting/button-maximize-green.png) no-repeat 0 0;
|
572 |
+
position:absolute;
|
573 |
+
top:11px;
|
574 |
+
right:25px;
|
575 |
+
cursor:pointer;
|
576 |
+
z-index:1000;
|
577 |
+
}
|
578 |
+
|
579 |
+
.greenlighting_minimize {
|
580 |
+
width:15px;
|
581 |
+
height:9px;
|
582 |
+
background:transparent url(lighting/button-minimize-green.png) no-repeat 0 0;
|
583 |
+
position:absolute;
|
584 |
+
top:11px;
|
585 |
+
right:40px;
|
586 |
+
cursor:pointer;
|
587 |
+
z-index:1000;
|
588 |
+
}
|
589 |
+
|
590 |
+
.greenlighting_title {
|
591 |
+
float:left;
|
592 |
+
height:14px;
|
593 |
+
font-size:14px;
|
594 |
+
font-weight:bold;
|
595 |
+
font-family:Verdana, Arial, sans-serif;
|
596 |
+
text-align:center;
|
597 |
+
margin-top:2px;
|
598 |
+
width:100%;
|
599 |
+
color:#2A6002;
|
600 |
+
}
|
601 |
+
|
602 |
+
.greenlighting_content {
|
603 |
+
overflow:auto;
|
604 |
+
color:#000;
|
605 |
+
font-family:Verdana, Arial, sans-serif;
|
606 |
+
font-size:12px;
|
607 |
+
background:#ACFCAF;
|
608 |
+
}
|
609 |
+
|
610 |
+
/* For alert/confirm dialog */
|
611 |
+
.greenlighting_window {
|
612 |
+
border:1px solid #F00;
|
613 |
+
background:#FFF;
|
614 |
+
padding:20px;
|
615 |
+
margin-left:auto;
|
616 |
+
margin-right:auto;
|
617 |
+
width:400px;
|
618 |
+
}
|
619 |
+
|
620 |
+
.greenlighting_message {
|
621 |
+
font-size:12px;
|
622 |
+
text-align:center;
|
623 |
+
width:100%;
|
624 |
+
padding-bottom:10px;
|
625 |
+
}
|
626 |
+
|
627 |
+
.greenlighting_buttons {
|
628 |
+
text-align:center;
|
629 |
+
width:100%;
|
630 |
+
}
|
631 |
+
|
632 |
+
.greenlighting_buttons input {
|
633 |
+
border:1px solid #999;
|
634 |
+
border-top-color:#CCC;
|
635 |
+
border-left-color:#CCC;
|
636 |
+
padding:2px;
|
637 |
+
background-color:#FFF;
|
638 |
+
color:#333;
|
639 |
+
background-image:url(lighting/background_buttons.gif);
|
640 |
+
background-repeat:repeat-x;
|
641 |
+
font-family:Verdana, Arial, sans-serif;
|
642 |
+
font-size:10px;
|
643 |
+
font-weight:bold;
|
644 |
+
text-align:center;
|
645 |
+
}
|
646 |
+
|
647 |
+
.greenlighting_progress {
|
648 |
+
float:left;
|
649 |
+
margin:auto;
|
650 |
+
text-align:center;
|
651 |
+
width:100%;
|
652 |
+
height:16px;
|
653 |
+
background:transparent url('lighting/spinner.gif') no-repeat center center
|
654 |
+
}
|
655 |
+
|
656 |
+
/* FOR IE */
|
657 |
+
* html .greenlighting_nw {
|
658 |
+
background-color: transparent;
|
659 |
+
background-image: none;
|
660 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-left-green.png", sizingMethod="crop");
|
661 |
+
}
|
662 |
+
|
663 |
+
* html .greenlighting_n {
|
664 |
+
background-color: transparent;
|
665 |
+
background-image: none;
|
666 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-middle-green.png", sizingMethod="scale");
|
667 |
+
}
|
668 |
+
|
669 |
+
* html .greenlighting_ne {
|
670 |
+
background-color: transparent;
|
671 |
+
background-image: none;
|
672 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-right-green.png", sizingMethod="crop");
|
673 |
+
}
|
674 |
+
|
675 |
+
* html .greenlighting_w {
|
676 |
+
background-color: transparent;
|
677 |
+
background-image: none;
|
678 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/left-green.png", sizingMethod="scale");
|
679 |
+
}
|
680 |
+
|
681 |
+
* html .greenlighting_e {
|
682 |
+
background-color: transparent;
|
683 |
+
background-image: none;
|
684 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/right-green.png", sizingMethod="scale");
|
685 |
+
}
|
686 |
+
|
687 |
+
* html .greenlighting_sw {
|
688 |
+
background-color: transparent;
|
689 |
+
background-image: none;
|
690 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-left-green.png", sizingMethod="crop");
|
691 |
+
}
|
692 |
+
|
693 |
+
* html .greenlighting_s {
|
694 |
+
background-color: transparent;
|
695 |
+
background-image: none;
|
696 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-middle-green.png", sizingMethod="scale");
|
697 |
+
}
|
698 |
+
|
699 |
+
* html greenlighting_se, * html .greenlighting_sizer {
|
700 |
+
background-color: transparent;
|
701 |
+
background-image: none;
|
702 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-right-green.png", sizingMethod="crop");
|
703 |
+
}
|
704 |
+
|
705 |
+
* html .greenlighting_close {
|
706 |
+
background-color: transparent;
|
707 |
+
background-image: none;
|
708 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-close-green.png", sizingMethod="crop");
|
709 |
+
}
|
710 |
+
|
711 |
+
* html .greenlighting_minimize {
|
712 |
+
background-color: transparent;
|
713 |
+
background-image: none;
|
714 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-minimize-green.png", sizingMethod="crop");
|
715 |
+
}
|
716 |
+
|
717 |
+
* html .greenlighting_maximize {
|
718 |
+
background-color: transparent;
|
719 |
+
background-image: none;
|
720 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-maximize-green.png", sizingMethod="crop");
|
721 |
+
}
|
722 |
+
|
723 |
+
* html .greenlighting_content {
|
724 |
+
background:#A4FCA7;
|
725 |
+
}
|
726 |
+
|
727 |
+
|
728 |
+
|
729 |
+
.overlay_darkbluelighting {
|
730 |
+
background-color:#FFF;
|
731 |
+
filter:alpha(opacity=60);
|
732 |
+
-moz-opacity:0.6;
|
733 |
+
opacity:0.6;
|
734 |
+
}
|
735 |
+
|
736 |
+
.darkbluelighting_wired_frame {
|
737 |
+
background:#FFF;
|
738 |
+
filter:alpha(opacity=60);
|
739 |
+
-moz-opacity:0.6;
|
740 |
+
opacity:0.6;
|
741 |
+
}
|
742 |
+
|
743 |
+
.darkbluelighting_nw {
|
744 |
+
background:transparent url(lighting/top-left-darkblue.png) no-repeat 0 0;
|
745 |
+
width:9px;
|
746 |
+
height:28px;
|
747 |
+
}
|
748 |
+
|
749 |
+
.darkbluelighting_n {
|
750 |
+
background:transparent url(lighting/top-middle-darkblue.png) repeat-x 0 0;
|
751 |
+
height:28px;
|
752 |
+
}
|
753 |
+
|
754 |
+
.darkbluelighting_ne {
|
755 |
+
background:transparent url(lighting/top-right-darkblue.png) no-repeat 0 0;
|
756 |
+
width:15px;
|
757 |
+
height:28px;
|
758 |
+
}
|
759 |
+
|
760 |
+
.darkbluelighting_w {
|
761 |
+
background:transparent url(lighting/left-darkblue.png) repeat-y top left;
|
762 |
+
width:9px;
|
763 |
+
}
|
764 |
+
|
765 |
+
.darkbluelighting_e {
|
766 |
+
background:transparent url(lighting/right-darkblue.png) repeat-y top right;
|
767 |
+
width:15px;
|
768 |
+
}
|
769 |
+
|
770 |
+
.darkbluelighting_sw {
|
771 |
+
background:transparent url(lighting/bottom-left-darkblue.png) no-repeat 0 0;
|
772 |
+
width:9px;
|
773 |
+
height:15px;
|
774 |
+
}
|
775 |
+
|
776 |
+
.darkbluelighting_s {
|
777 |
+
background:transparent url(lighting/bottom-middle-darkblue.png) repeat-x 0 0;
|
778 |
+
height:15px;
|
779 |
+
}
|
780 |
+
|
781 |
+
.darkbluelighting_se, .darkbluelighting_sizer {
|
782 |
+
background:transparent url(lighting/bottom-right-darkblue.png) no-repeat 0 0;
|
783 |
+
width:15px;
|
784 |
+
height:15px;
|
785 |
+
}
|
786 |
+
|
787 |
+
.darkbluelighting_sizer {
|
788 |
+
cursor:se-resize;
|
789 |
+
}
|
790 |
+
|
791 |
+
.darkbluelighting_close {
|
792 |
+
width:15px;
|
793 |
+
height:9px;
|
794 |
+
background:transparent url(lighting/button-close-darkblue.png) no-repeat 0 0;
|
795 |
+
position:absolute;
|
796 |
+
top:11px;
|
797 |
+
right:10px;
|
798 |
+
cursor:pointer;
|
799 |
+
z-index:1000;
|
800 |
+
}
|
801 |
+
|
802 |
+
.darkbluelighting_maximize {
|
803 |
+
width:15px;
|
804 |
+
height:9px;
|
805 |
+
background:transparent url(lighting/button-maximize-darkblue.png) no-repeat 0 0;
|
806 |
+
position:absolute;
|
807 |
+
top:11px;
|
808 |
+
right:25px;
|
809 |
+
cursor:pointer;
|
810 |
+
z-index:1000;
|
811 |
+
}
|
812 |
+
|
813 |
+
.darkbluelighting_minimize {
|
814 |
+
width:15px;
|
815 |
+
height:9px;
|
816 |
+
background:transparent url(lighting/button-minimize-darkblue.png) no-repeat 0 0;
|
817 |
+
position:absolute;
|
818 |
+
top:11px;
|
819 |
+
right:40px;
|
820 |
+
cursor:pointer;
|
821 |
+
z-index:1000;
|
822 |
+
}
|
823 |
+
|
824 |
+
.darkbluelighting_title {
|
825 |
+
float:left;
|
826 |
+
height:14px;
|
827 |
+
font-size:14px;
|
828 |
+
font-weight:bold;
|
829 |
+
font-family:Verdana, Arial, sans-serif;
|
830 |
+
text-align:center;
|
831 |
+
margin-top:2px;
|
832 |
+
width:100%;
|
833 |
+
color:#E4EFFD;
|
834 |
+
}
|
835 |
+
|
836 |
+
.darkbluelighting_content {
|
837 |
+
overflow:auto;
|
838 |
+
color:#FFF;
|
839 |
+
font-family:Verdana, Arial, sans-serif;
|
840 |
+
font-size:12px;
|
841 |
+
background:#0413C0;
|
842 |
+
}
|
843 |
+
|
844 |
+
/* For alert/confirm dialog */
|
845 |
+
.darkbluelighting_window {
|
846 |
+
border:1px solid #F00;
|
847 |
+
background:#FFF;
|
848 |
+
padding:20px;
|
849 |
+
margin-left:auto;
|
850 |
+
margin-right:auto;
|
851 |
+
width:400px;
|
852 |
+
}
|
853 |
+
|
854 |
+
.darkbluelighting_message {
|
855 |
+
font-size:12px;
|
856 |
+
text-align:center;
|
857 |
+
width:100%;
|
858 |
+
padding-bottom:10px;
|
859 |
+
}
|
860 |
+
|
861 |
+
.darkbluelighting_buttons {
|
862 |
+
text-align:center;
|
863 |
+
width:100%;
|
864 |
+
}
|
865 |
+
|
866 |
+
.darkbluelighting_buttons input {
|
867 |
+
border:1px solid #999;
|
868 |
+
border-top-color:#CCC;
|
869 |
+
border-left-color:#CCC;
|
870 |
+
padding:2px;
|
871 |
+
background-color:#FFF;
|
872 |
+
color:#333;
|
873 |
+
background-image:url(lighting/background_buttons.gif);
|
874 |
+
background-repeat:repeat-x;
|
875 |
+
font-family:Verdana, Arial, sans-serif;
|
876 |
+
font-size:10px;
|
877 |
+
font-weight:bold;
|
878 |
+
text-align:center;
|
879 |
+
}
|
880 |
+
|
881 |
+
.darkbluelighting_progress {
|
882 |
+
float:left;
|
883 |
+
margin:auto;
|
884 |
+
text-align:center;
|
885 |
+
width:100%;
|
886 |
+
height:16px;
|
887 |
+
background:transparent url('lighting/spinner.gif') no-repeat center center
|
888 |
+
}
|
889 |
+
|
890 |
+
/* FOR IE */
|
891 |
+
* html .darkbluelighting_nw {
|
892 |
+
background-color: transparent;
|
893 |
+
background-image: none;
|
894 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-left-darkblue.png", sizingMethod="crop");
|
895 |
+
}
|
896 |
+
|
897 |
+
* html .darkbluelighting_n {
|
898 |
+
background-color: transparent;
|
899 |
+
background-image: none;
|
900 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-middle-darkblue.png", sizingMethod="scale");
|
901 |
+
}
|
902 |
+
|
903 |
+
* html .darkbluelighting_ne {
|
904 |
+
background-color: transparent;
|
905 |
+
background-image: none;
|
906 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/top-right-darkblue.png", sizingMethod="crop");
|
907 |
+
}
|
908 |
+
|
909 |
+
* html .darkbluelighting_w {
|
910 |
+
background-color: transparent;
|
911 |
+
background-image: none;
|
912 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/left-darkblue.png", sizingMethod="scale");
|
913 |
+
}
|
914 |
+
|
915 |
+
* html .darkbluelighting_e {
|
916 |
+
background-color: transparent;
|
917 |
+
background-image: none;
|
918 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/right-darkblue.png", sizingMethod="scale");
|
919 |
+
}
|
920 |
+
|
921 |
+
* html .darkbluelighting_sw {
|
922 |
+
background-color: transparent;
|
923 |
+
background-image: none;
|
924 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-left-darkblue.png", sizingMethod="crop");
|
925 |
+
}
|
926 |
+
|
927 |
+
* html .darkbluelighting_s {
|
928 |
+
background-color: transparent;
|
929 |
+
background-image: none;
|
930 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-middle-darkblue.png", sizingMethod="scale");
|
931 |
+
}
|
932 |
+
|
933 |
+
* html darkbluelighting_se, * html .darkbluelighting_sizer {
|
934 |
+
background-color: transparent;
|
935 |
+
background-image: none;
|
936 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/bottom-right-darkblue.png", sizingMethod="crop");
|
937 |
+
}
|
938 |
+
|
939 |
+
* html .darkbluelighting_close {
|
940 |
+
background-color: transparent;
|
941 |
+
background-image: none;
|
942 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-close-darkblue.png", sizingMethod="crop");
|
943 |
+
}
|
944 |
+
|
945 |
+
* html .darkbluelighting_minimize {
|
946 |
+
background-color: transparent;
|
947 |
+
background-image: none;
|
948 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-minimize-darkblue.png", sizingMethod="crop");
|
949 |
+
}
|
950 |
+
|
951 |
+
* html .darkbluelighting_maximize {
|
952 |
+
background-color: transparent;
|
953 |
+
background-image: none;
|
954 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/lighting/button-maximize-darkblue.png", sizingMethod="crop");
|
955 |
+
}
|
956 |
+
|
957 |
+
* html .darkbluelighting_content {
|
958 |
+
background:#020EBA;
|
959 |
+
}
|
960 |
+
|
js/prototype/windows/themes/lighting/background_buttons.gif
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-left-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-left-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-left-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-left-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-middle-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-middle-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-middle-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-middle-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-right-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-right-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-right-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/bottom-right-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-close-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-close-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-close-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-close-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-maximize-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-maximize-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-maximize-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-maximize-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-minimize-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-minimize-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-minimize-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/button-minimize-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/left-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/left-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/left-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/left-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/pngbehavior.htc
ADDED
@@ -0,0 +1,67 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<public:component>
|
2 |
+
<public:attach event="onpropertychange" onevent="doFix()" />
|
3 |
+
|
4 |
+
<script type="text/javascript">
|
5 |
+
|
6 |
+
// IE5.5+ PNG Alpha Fix v1.0RC4
|
7 |
+
// (c) 2004-2005 Angus Turnbull http://www.twinhelix.com
|
8 |
+
|
9 |
+
// This is licensed under the CC-GNU LGPL, version 2.1 or later.
|
10 |
+
// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
|
11 |
+
|
12 |
+
|
13 |
+
// This must be a path to a blank image. That's all the configuration you need.
|
14 |
+
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';
|
15 |
+
|
16 |
+
|
17 |
+
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
|
18 |
+
|
19 |
+
function filt(s, m)
|
20 |
+
{
|
21 |
+
if (filters[f])
|
22 |
+
{
|
23 |
+
filters[f].enabled = s ? true : false;
|
24 |
+
if (s) with (filters[f]) { src = s; sizingMethod = m }
|
25 |
+
}
|
26 |
+
else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';
|
27 |
+
}
|
28 |
+
|
29 |
+
function doFix()
|
30 |
+
{
|
31 |
+
alert('ok')
|
32 |
+
|
33 |
+
// Assume IE7 is OK.
|
34 |
+
if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||
|
35 |
+
(event && !/(background|src)/.test(event.propertyName))) return;
|
36 |
+
|
37 |
+
var bgImg = currentStyle.backgroundImage || style.backgroundImage;
|
38 |
+
|
39 |
+
if (tagName == 'IMG')
|
40 |
+
{
|
41 |
+
if ((/\.png$/i).test(src))
|
42 |
+
{
|
43 |
+
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
|
44 |
+
style.width = offsetWidth + 'px';
|
45 |
+
filt(src, 'scale');
|
46 |
+
src = blankImg;
|
47 |
+
}
|
48 |
+
else if (src.indexOf(blankImg) < 0) filt();
|
49 |
+
}
|
50 |
+
else if (bgImg && bgImg != 'none')
|
51 |
+
{
|
52 |
+
if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i))
|
53 |
+
{
|
54 |
+
var s = RegExp.$1;
|
55 |
+
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
|
56 |
+
style.width = offsetWidth + 'px';
|
57 |
+
style.backgroundImage = 'none';
|
58 |
+
filt(s, 'crop');
|
59 |
+
// IE link fix.
|
60 |
+
for (var n = 0; n < childNodes.length; n++)
|
61 |
+
if (childNodes[n].style) childNodes[n].style.position = 'relative';
|
62 |
+
}
|
63 |
+
else filt();
|
64 |
+
}
|
65 |
+
}
|
66 |
+
|
67 |
+
doFix();
|
js/prototype/windows/themes/lighting/right-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/right-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/right-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/right-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/spinner.gif
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-left-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-left-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-left-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-left-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-middle-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-middle-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-middle-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-middle-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-right-blue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-right-darkblue.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-right-green.png
ADDED
Binary file
|
js/prototype/windows/themes/lighting/top-right-grey.png
ADDED
Binary file
|
js/prototype/windows/themes/mac_os_x.css
ADDED
@@ -0,0 +1,333 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* Focused windows */
|
2 |
+
.overlay_mac_os_x {
|
3 |
+
background-color: #85BBEF;
|
4 |
+
filter:alpha(opacity=60);
|
5 |
+
-moz-opacity: 0.6;
|
6 |
+
opacity: 0.6;
|
7 |
+
}
|
8 |
+
|
9 |
+
.mac_os_x_nw {
|
10 |
+
background: transparent url(mac_os_x/TL_Main.png) no-repeat 0 0;
|
11 |
+
width:24px;
|
12 |
+
height:30px;
|
13 |
+
}
|
14 |
+
|
15 |
+
.mac_os_x_n {
|
16 |
+
background: transparent url(mac_os_x/T_Main.png) repeat-x 0 0;
|
17 |
+
height:30px;
|
18 |
+
}
|
19 |
+
|
20 |
+
.mac_os_x_ne {
|
21 |
+
background: transparent url(mac_os_x/TR_Main.png) no-repeat 0 0;
|
22 |
+
width:31px;
|
23 |
+
height:30px;
|
24 |
+
}
|
25 |
+
|
26 |
+
.mac_os_x_w {
|
27 |
+
background: transparent url(mac_os_x/L_Main.png) repeat-y top left;
|
28 |
+
width:16px;
|
29 |
+
}
|
30 |
+
|
31 |
+
.mac_os_x_e {
|
32 |
+
background: transparent url(mac_os_x/R_Main.png) repeat-y top right;
|
33 |
+
width:16px;
|
34 |
+
}
|
35 |
+
|
36 |
+
.mac_os_x_sw {
|
37 |
+
background: transparent url(mac_os_x/BL_Main.png) no-repeat 0 0;
|
38 |
+
width:31px;
|
39 |
+
height:40px;
|
40 |
+
}
|
41 |
+
|
42 |
+
.mac_os_x_s {
|
43 |
+
background: transparent url(mac_os_x/B_Main.png) repeat-x 0 0;
|
44 |
+
height:40px;
|
45 |
+
}
|
46 |
+
|
47 |
+
.mac_os_x_se, .mac_os_x_sizer {
|
48 |
+
background: transparent url(mac_os_x/BR_Main.png) no-repeat 0 0;
|
49 |
+
width:31px;
|
50 |
+
height:40px;
|
51 |
+
}
|
52 |
+
|
53 |
+
.mac_os_x_sizer {
|
54 |
+
cursor:se-resize;
|
55 |
+
}
|
56 |
+
|
57 |
+
.mac_os_x_close {
|
58 |
+
width: 19px;
|
59 |
+
height: 19px;
|
60 |
+
background: transparent url(mac_os_x/close.gif) no-repeat 0 0;
|
61 |
+
position:absolute;
|
62 |
+
top:12px;
|
63 |
+
left:25px;
|
64 |
+
cursor:pointer;
|
65 |
+
z-index:1000;
|
66 |
+
}
|
67 |
+
|
68 |
+
.mac_os_x_minimize {
|
69 |
+
width: 19px;
|
70 |
+
height: 19px;
|
71 |
+
background: transparent url(mac_os_x/minimize.gif) no-repeat 0 0;
|
72 |
+
position:absolute;
|
73 |
+
top:12px;
|
74 |
+
left:45px;
|
75 |
+
cursor:pointer;
|
76 |
+
z-index:1000;
|
77 |
+
}
|
78 |
+
|
79 |
+
.mac_os_x_maximize {
|
80 |
+
width: 19px;
|
81 |
+
height: 19px;
|
82 |
+
background: transparent url(mac_os_x/maximize.gif) no-repeat 0 0;
|
83 |
+
position:absolute;
|
84 |
+
top:12px;
|
85 |
+
left:65px;
|
86 |
+
cursor:pointer;
|
87 |
+
z-index:1000;
|
88 |
+
}
|
89 |
+
|
90 |
+
.mac_os_x_title {
|
91 |
+
float:left;
|
92 |
+
height:14px;
|
93 |
+
font-family: Tahoma, Arial, sans-serif;
|
94 |
+
font-size:12px;
|
95 |
+
text-align:center;
|
96 |
+
margin-top:8px;
|
97 |
+
width:100%;
|
98 |
+
color:#000;
|
99 |
+
}
|
100 |
+
|
101 |
+
.mac_os_x_content {
|
102 |
+
overflow:auto;
|
103 |
+
color: #222;
|
104 |
+
font-family: Tahoma, Arial, sans-serif;
|
105 |
+
font-size: 10px;
|
106 |
+
background:#FFF;
|
107 |
+
}
|
108 |
+
.mac_os_x_s .status_bar {
|
109 |
+
padding-bottom:24px;
|
110 |
+
}
|
111 |
+
|
112 |
+
/* FOR IE */
|
113 |
+
* html .mac_os_x_nw {
|
114 |
+
background-color: transparent;
|
115 |
+
background-image: none;
|
116 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/TL_Main.png", sizingMethod="crop");
|
117 |
+
}
|
118 |
+
|
119 |
+
* html .mac_os_x_n {
|
120 |
+
background-color: transparent;
|
121 |
+
background-image: none;
|
122 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/T_Main.png", sizingMethod="scale");
|
123 |
+
}
|
124 |
+
|
125 |
+
* html .mac_os_x_ne {
|
126 |
+
background-color: transparent;
|
127 |
+
background-image: none;
|
128 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/TR_Main.png", sizingMethod="crop");
|
129 |
+
}
|
130 |
+
|
131 |
+
* html .mac_os_x_w {
|
132 |
+
background-color: transparent;
|
133 |
+
background-image: none;
|
134 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/L_Main.png", sizingMethod="scale");
|
135 |
+
}
|
136 |
+
|
137 |
+
* html .mac_os_x_e {
|
138 |
+
background-color: transparent;
|
139 |
+
background-image: none;
|
140 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/R_Main.png", sizingMethod="scale");
|
141 |
+
}
|
142 |
+
|
143 |
+
* html .mac_os_x_sw {
|
144 |
+
background-color: transparent;
|
145 |
+
background-image: none;
|
146 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BL_Main.png", sizingMethod="crop");
|
147 |
+
}
|
148 |
+
|
149 |
+
* html .mac_os_x_s {
|
150 |
+
background-color: transparent;
|
151 |
+
background-image: none;
|
152 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/B_Main.png", sizingMethod="scale");
|
153 |
+
}
|
154 |
+
|
155 |
+
* html .mac_os_x_se {
|
156 |
+
background-color: transparent;
|
157 |
+
background-image: none;
|
158 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BR_Main.png", sizingMethod="crop");
|
159 |
+
}
|
160 |
+
|
161 |
+
* html .mac_os_x_sizer {
|
162 |
+
background-color: transparent;
|
163 |
+
background-image: none;
|
164 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BR_Main.png", sizingMethod="crop");
|
165 |
+
}
|
166 |
+
|
167 |
+
|
168 |
+
/* Focused windows */
|
169 |
+
.overlay_blur_os_x {
|
170 |
+
background-color: #85BBEF;
|
171 |
+
filter:alpha(opacity=60);
|
172 |
+
-moz-opacity: 0.6;
|
173 |
+
opacity: 0.6;
|
174 |
+
}
|
175 |
+
|
176 |
+
.blur_os_x_nw {
|
177 |
+
background: transparent url(mac_os_x/TL.png) no-repeat 0 0;
|
178 |
+
width:24px;
|
179 |
+
height:30px;
|
180 |
+
}
|
181 |
+
|
182 |
+
.blur_os_x_n {
|
183 |
+
background: transparent url(mac_os_x/T.png) repeat-x 0 0;
|
184 |
+
height:30px;
|
185 |
+
}
|
186 |
+
|
187 |
+
.blur_os_x_ne {
|
188 |
+
background: transparent url(mac_os_x/TR.png) no-repeat 0 0;
|
189 |
+
width:31px;
|
190 |
+
height:30px;
|
191 |
+
}
|
192 |
+
|
193 |
+
.blur_os_x_w {
|
194 |
+
background: transparent url(mac_os_x/L.png) repeat-y top left;
|
195 |
+
width:16px;
|
196 |
+
}
|
197 |
+
|
198 |
+
.blur_os_x_e {
|
199 |
+
background: transparent url(mac_os_x/R.png) repeat-y top right;
|
200 |
+
width:16px;
|
201 |
+
}
|
202 |
+
|
203 |
+
.blur_os_x_sw {
|
204 |
+
background: transparent url(mac_os_x/BL.png) no-repeat 0 0;
|
205 |
+
width:31px;
|
206 |
+
height:40px;
|
207 |
+
}
|
208 |
+
|
209 |
+
.blur_os_x_s {
|
210 |
+
background: transparent url(mac_os_x/B.png) repeat-x 0 0;
|
211 |
+
height:40px;
|
212 |
+
}
|
213 |
+
|
214 |
+
.blur_os_x_se, .blur_os_x_sizer {
|
215 |
+
background: transparent url(mac_os_x/BR.png) no-repeat 0 0;
|
216 |
+
width:31px;
|
217 |
+
height:40px;
|
218 |
+
}
|
219 |
+
|
220 |
+
.blur_os_x_sizer {
|
221 |
+
cursor:se-resize;
|
222 |
+
}
|
223 |
+
|
224 |
+
.blur_os_x_close {
|
225 |
+
width: 19px;
|
226 |
+
height: 19px;
|
227 |
+
background: transparent url(mac_os_x/close.gif) no-repeat 0 0;
|
228 |
+
position:absolute;
|
229 |
+
top:12px;
|
230 |
+
left:25px;
|
231 |
+
cursor:pointer;
|
232 |
+
z-index:1000;
|
233 |
+
}
|
234 |
+
|
235 |
+
.blur_os_x_minimize {
|
236 |
+
width: 19px;
|
237 |
+
height: 19px;
|
238 |
+
background: transparent url(mac_os_x/minimize.gif) no-repeat 0 0;
|
239 |
+
position:absolute;
|
240 |
+
top:12px;
|
241 |
+
left:45px;
|
242 |
+
cursor:pointer;
|
243 |
+
z-index:1000;
|
244 |
+
}
|
245 |
+
|
246 |
+
.blur_os_x_maximize {
|
247 |
+
width: 19px;
|
248 |
+
height: 19px;
|
249 |
+
background: transparent url(mac_os_x/maximize.gif) no-repeat 0 0;
|
250 |
+
position:absolute;
|
251 |
+
top:12px;
|
252 |
+
left:65px;
|
253 |
+
cursor:pointer;
|
254 |
+
z-index:1000;
|
255 |
+
}
|
256 |
+
|
257 |
+
.blur_os_x_title {
|
258 |
+
float:left;
|
259 |
+
height:14px;
|
260 |
+
font-family: Tahoma, Arial, sans-serif;
|
261 |
+
font-size:12px;
|
262 |
+
text-align:center;
|
263 |
+
margin-top:8px;
|
264 |
+
width:100%;
|
265 |
+
color:#000;
|
266 |
+
}
|
267 |
+
|
268 |
+
.blur_os_x_content {
|
269 |
+
overflow:auto;
|
270 |
+
color: #222;
|
271 |
+
font-family: Tahoma, Arial, sans-serif;
|
272 |
+
font-size: 10px;
|
273 |
+
background:#FFF;
|
274 |
+
}
|
275 |
+
.blur_os_x_s .status_bar {
|
276 |
+
padding-bottom:24px;
|
277 |
+
}
|
278 |
+
|
279 |
+
/* FOR IE */
|
280 |
+
* html .blur_os_x_nw {
|
281 |
+
background-color: transparent;
|
282 |
+
background-image: none;
|
283 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/TL.png", sizingMethod="crop");
|
284 |
+
}
|
285 |
+
|
286 |
+
* html .blur_os_x_n {
|
287 |
+
background-color: transparent;
|
288 |
+
background-image: none;
|
289 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/T.png", sizingMethod="scale");
|
290 |
+
}
|
291 |
+
|
292 |
+
* html .blur_os_x_ne {
|
293 |
+
background-color: transparent;
|
294 |
+
background-image: none;
|
295 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/TR.png", sizingMethod="crop");
|
296 |
+
}
|
297 |
+
|
298 |
+
* html .blur_os_x_w {
|
299 |
+
background-color: transparent;
|
300 |
+
background-image: none;
|
301 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/L.png", sizingMethod="scale");
|
302 |
+
}
|
303 |
+
|
304 |
+
* html .blur_os_x_e {
|
305 |
+
background-color: transparent;
|
306 |
+
background-image: none;
|
307 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/R.png", sizingMethod="scale");
|
308 |
+
}
|
309 |
+
|
310 |
+
* html .blur_os_x_sw {
|
311 |
+
background-color: transparent;
|
312 |
+
background-image: none;
|
313 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BL.png", sizingMethod="crop");
|
314 |
+
}
|
315 |
+
|
316 |
+
* html .blur_os_x_s {
|
317 |
+
background-color: transparent;
|
318 |
+
background-image: none;
|
319 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/B.png", sizingMethod="scale");
|
320 |
+
}
|
321 |
+
|
322 |
+
* html .blur_os_x_se {
|
323 |
+
background-color: transparent;
|
324 |
+
background-image: none;
|
325 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BR.png", sizingMethod="crop");
|
326 |
+
}
|
327 |
+
|
328 |
+
* html .blur_os_x_sizer {
|
329 |
+
background-color: transparent;
|
330 |
+
background-image: none;
|
331 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x/BR.png", sizingMethod="crop");
|
332 |
+
}
|
333 |
+
|
js/prototype/windows/themes/mac_os_x_dialog.css
ADDED
@@ -0,0 +1,160 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_mac_os_x_dialog {
|
2 |
+
background-color: #FF7224;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.mac_os_x_dialog_nw {
|
9 |
+
background: transparent url(mac_os_x_dialog/L.png) repeat-y top left;
|
10 |
+
width:16px;
|
11 |
+
height:16px;
|
12 |
+
}
|
13 |
+
|
14 |
+
.mac_os_x_dialog_n {
|
15 |
+
background: transparent url(mac_os_x_dialog/bg.gif) repeat 0 0;
|
16 |
+
height:18px;
|
17 |
+
}
|
18 |
+
|
19 |
+
.mac_os_x_dialog_ne {
|
20 |
+
background: transparent url(mac_os_x_dialog/R.png) repeat-y top left;
|
21 |
+
width:16px;
|
22 |
+
height:16px;
|
23 |
+
}
|
24 |
+
|
25 |
+
.mac_os_x_dialog_w {
|
26 |
+
background: transparent url(mac_os_x_dialog/L.png) repeat-y top left;
|
27 |
+
width:16px;
|
28 |
+
}
|
29 |
+
|
30 |
+
.mac_os_x_dialog_e {
|
31 |
+
background: transparent url(mac_os_x_dialog/R.png) repeat-y top right;
|
32 |
+
width:16px;
|
33 |
+
}
|
34 |
+
|
35 |
+
.mac_os_x_dialog_sw {
|
36 |
+
background: transparent url(mac_os_x_dialog/BL.png) no-repeat 0 0;
|
37 |
+
width:31px;
|
38 |
+
height:40px;
|
39 |
+
}
|
40 |
+
|
41 |
+
.mac_os_x_dialog_s {
|
42 |
+
background: transparent url(mac_os_x_dialog/B.png) repeat-x 0 0;
|
43 |
+
height:40px;
|
44 |
+
}
|
45 |
+
|
46 |
+
.mac_os_x_dialog_se, .mac_os_x_dialog_sizer {
|
47 |
+
background: transparent url(mac_os_x_dialog/BR.png) no-repeat 0 0;
|
48 |
+
width:31px;
|
49 |
+
height:40px;
|
50 |
+
}
|
51 |
+
|
52 |
+
.mac_os_x_dialog_sizer {
|
53 |
+
cursor:se-resize;
|
54 |
+
}
|
55 |
+
|
56 |
+
.mac_os_x_dialog_close {
|
57 |
+
width: 19px;
|
58 |
+
height: 19px;
|
59 |
+
background: transparent url(mac_os_x_dialog/close.gif) no-repeat 0 0;
|
60 |
+
position:absolute;
|
61 |
+
top:12px;
|
62 |
+
left:25px;
|
63 |
+
cursor:pointer;
|
64 |
+
z-index:1000;
|
65 |
+
}
|
66 |
+
|
67 |
+
.mac_os_x_dialog_minimize {
|
68 |
+
width: 19px;
|
69 |
+
height: 19px;
|
70 |
+
background: transparent url(mac_os_x_dialog/minimize.gif) no-repeat 0 0;
|
71 |
+
position:absolute;
|
72 |
+
top:12px;
|
73 |
+
left:45px;
|
74 |
+
cursor:pointer;
|
75 |
+
z-index:1000;
|
76 |
+
}
|
77 |
+
|
78 |
+
.mac_os_x_dialog_maximize {
|
79 |
+
width: 19px;
|
80 |
+
height: 19px;
|
81 |
+
background: transparent url(mac_os_x_dialog/maximize.gif) no-repeat 0 0;
|
82 |
+
position:absolute;
|
83 |
+
top:12px;
|
84 |
+
left:65px;
|
85 |
+
cursor:pointer;
|
86 |
+
z-index:1000;
|
87 |
+
}
|
88 |
+
|
89 |
+
.mac_os_x_dialog_title {
|
90 |
+
float:left;
|
91 |
+
height:14px;
|
92 |
+
font-family: Tahoma, Arial, sans-serif;
|
93 |
+
font-size:12px;
|
94 |
+
text-align:center;
|
95 |
+
margin-top:6px;
|
96 |
+
width:100%;
|
97 |
+
color:#000;
|
98 |
+
}
|
99 |
+
|
100 |
+
.mac_os_x_dialog_content {
|
101 |
+
overflow:auto;
|
102 |
+
color: #222;
|
103 |
+
font-family: Tahoma, Arial, sans-serif;
|
104 |
+
font-size: 10px;
|
105 |
+
background: transparent url(mac_os_x_dialog/bg.gif) repeat 0 0;
|
106 |
+
}
|
107 |
+
|
108 |
+
.mac_os_x_dialog_buttons {
|
109 |
+
text-align: center;
|
110 |
+
}
|
111 |
+
/* FOR IE */
|
112 |
+
* html .mac_os_x_dialog_nw {
|
113 |
+
background-color: transparent;
|
114 |
+
background-image: none;
|
115 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/L.png", sizingMethod="scale");
|
116 |
+
}
|
117 |
+
|
118 |
+
|
119 |
+
* html .mac_os_x_dialog_ne {
|
120 |
+
background-color: transparent;
|
121 |
+
background-image: none;
|
122 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/R.png", sizingMethod="scale");
|
123 |
+
}
|
124 |
+
|
125 |
+
* html .mac_os_x_dialog_w {
|
126 |
+
background-color: transparent;
|
127 |
+
background-image: none;
|
128 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/L.png", sizingMethod="scale");
|
129 |
+
}
|
130 |
+
|
131 |
+
* html .mac_os_x_dialog_e {
|
132 |
+
background-color: transparent;
|
133 |
+
background-image: none;
|
134 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/R.png", sizingMethod="scale");
|
135 |
+
}
|
136 |
+
|
137 |
+
* html .mac_os_x_dialog_sw {
|
138 |
+
background-color: transparent;
|
139 |
+
background-image: none;
|
140 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/BL.png", sizingMethod="crop");
|
141 |
+
}
|
142 |
+
|
143 |
+
* html .mac_os_x_dialog_s {
|
144 |
+
background-color: transparent;
|
145 |
+
background-image: none;
|
146 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/B.png", sizingMethod="scale");
|
147 |
+
}
|
148 |
+
|
149 |
+
* html .mac_os_x_dialog_se {
|
150 |
+
background-color: transparent;
|
151 |
+
background-image: none;
|
152 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/BR.png", sizingMethod="crop");
|
153 |
+
}
|
154 |
+
|
155 |
+
* html .mac_os_x_dialog_sizer {
|
156 |
+
background-color: transparent;
|
157 |
+
background-image: none;
|
158 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/mac_os_x_dialog/BR.png", sizingMethod="crop");
|
159 |
+
}
|
160 |
+
|
js/prototype/windows/themes/magento.css
ADDED
@@ -0,0 +1,122 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_magento {
|
2 |
+
background-color: #000;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.top.table_window { border-bottom:4px solid #deebf0; background:url(magento/top_bg.gif) repeat-x #7e9fb3; }
|
9 |
+
.magento_nw {
|
10 |
+
width:6px;
|
11 |
+
height:26px;
|
12 |
+
}
|
13 |
+
.magento_n {
|
14 |
+
height:26px;
|
15 |
+
}
|
16 |
+
.magento_ne {
|
17 |
+
width:6px;
|
18 |
+
height:26px;
|
19 |
+
}
|
20 |
+
.magento_w {
|
21 |
+
background:#deebf0;
|
22 |
+
width:3px;
|
23 |
+
}
|
24 |
+
|
25 |
+
.magento_e {
|
26 |
+
background:#deebf0;
|
27 |
+
width:3px;
|
28 |
+
}
|
29 |
+
|
30 |
+
.magento_sw {
|
31 |
+
background:#deebf0;
|
32 |
+
width:5px;
|
33 |
+
height:3px;
|
34 |
+
}
|
35 |
+
.magento_s {
|
36 |
+
background:#deebf0;
|
37 |
+
height:3px;
|
38 |
+
}
|
39 |
+
.magento_se, .magento_sizer {
|
40 |
+
background:#deebf0;
|
41 |
+
width:5px;
|
42 |
+
height:3px;
|
43 |
+
}
|
44 |
+
|
45 |
+
.magento_sizer {
|
46 |
+
cursor:se-resize;
|
47 |
+
}
|
48 |
+
|
49 |
+
.magento_close {
|
50 |
+
width: 15px;
|
51 |
+
height: 15px;
|
52 |
+
background: transparent url(magento/button-close-focused.png) no-repeat 0 0;
|
53 |
+
position:absolute;
|
54 |
+
top:5px;
|
55 |
+
right:6px;
|
56 |
+
cursor:pointer;
|
57 |
+
z-index:1000;
|
58 |
+
}
|
59 |
+
|
60 |
+
.magento_minimize {
|
61 |
+
width: 21px;
|
62 |
+
height: 21px;
|
63 |
+
background: transparent url(magento/button-minimize-focused.png) no-repeat 0 0;
|
64 |
+
position:absolute;
|
65 |
+
top:0px;
|
66 |
+
right:26px;
|
67 |
+
cursor:pointer;
|
68 |
+
z-index:1000;
|
69 |
+
}
|
70 |
+
|
71 |
+
.magento_maximize {
|
72 |
+
width: 21px;
|
73 |
+
height: 21px;
|
74 |
+
background: transparent url(magento/button-maximize-focused.png) no-repeat 0 0;
|
75 |
+
position:absolute;
|
76 |
+
top:0px;
|
77 |
+
right:47px;
|
78 |
+
cursor:pointer;
|
79 |
+
z-index:1000;
|
80 |
+
}
|
81 |
+
|
82 |
+
|
83 |
+
.magento_title {
|
84 |
+
float:left;
|
85 |
+
height:22px;
|
86 |
+
font-size:12px;
|
87 |
+
text-align:left;
|
88 |
+
margin-top:2px;
|
89 |
+
width:100%;
|
90 |
+
color:#FFF;
|
91 |
+
font-weight:bold;
|
92 |
+
}
|
93 |
+
|
94 |
+
.magento_content {
|
95 |
+
overflow:auto;
|
96 |
+
font-size: 12px;
|
97 |
+
background:#deebf0;
|
98 |
+
}
|
99 |
+
.magento_content, .magento_content label {
|
100 |
+
color: #333;
|
101 |
+
font-family:Arial, sans-serif;
|
102 |
+
}
|
103 |
+
|
104 |
+
.magento_buttons { padding-bottom:9px; }
|
105 |
+
/* FOR IE */
|
106 |
+
* html .magento_minimize {
|
107 |
+
background-color: transparent;
|
108 |
+
background-image: none;
|
109 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/magento/button-minimize-focused.png", sizingMethod="crop");
|
110 |
+
}
|
111 |
+
|
112 |
+
* html .magento_maximize {
|
113 |
+
background-color: transparent;
|
114 |
+
background-image: none;
|
115 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/magento/button-maximize-focused.png", sizingMethod="scale");
|
116 |
+
}
|
117 |
+
|
118 |
+
* html .magento_close {
|
119 |
+
background-color: transparent;
|
120 |
+
background-image: none;
|
121 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/magento/button-close-focused.png", sizingMethod="crop");
|
122 |
+
}
|
js/prototype/windows/themes/magento/button-close-focused.png
ADDED
Binary file
|
js/prototype/windows/themes/magento/top_bg.gif
ADDED
Binary file
|
js/prototype/windows/themes/nuncio.css
ADDED
@@ -0,0 +1,164 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_nuncio img { border: none; }
|
2 |
+
|
3 |
+
.overlay_nuncio {
|
4 |
+
background-color: #666666;
|
5 |
+
}
|
6 |
+
|
7 |
+
.nuncio_nw {
|
8 |
+
width: 12px;
|
9 |
+
height: 28px;
|
10 |
+
background: url(nuncio/top_left.png) no-repeat;
|
11 |
+
}
|
12 |
+
|
13 |
+
.nuncio_n {
|
14 |
+
background: url(nuncio/top_mid.png) repeat-x;
|
15 |
+
height: 28px;
|
16 |
+
}
|
17 |
+
|
18 |
+
.nuncio_ne {
|
19 |
+
width: 21px;
|
20 |
+
height: 28px;
|
21 |
+
background: url(nuncio/top_right.png) no-repeat;
|
22 |
+
}
|
23 |
+
|
24 |
+
.nuncio_e {
|
25 |
+
width: 21px;
|
26 |
+
background: url(nuncio/center_right.png) repeat-y top right;
|
27 |
+
}
|
28 |
+
|
29 |
+
.nuncio_w {
|
30 |
+
width: 12px;
|
31 |
+
background: url(nuncio/center_left.png) repeat-y top left;
|
32 |
+
}
|
33 |
+
|
34 |
+
.nuncio_sw {
|
35 |
+
width: 12px;
|
36 |
+
height: 18px;
|
37 |
+
background: url(nuncio/bottom_left.png) no-repeat;
|
38 |
+
}
|
39 |
+
|
40 |
+
.nuncio_s {
|
41 |
+
background: url(nuncio/bottom_mid.png) repeat-x 0 0;
|
42 |
+
height: 18px;
|
43 |
+
}
|
44 |
+
|
45 |
+
.nuncio_se, .nuncio_sizer {
|
46 |
+
width: 21px;
|
47 |
+
height: 18px;
|
48 |
+
background: url(nuncio/bottom_right.png) no-repeat;
|
49 |
+
}
|
50 |
+
|
51 |
+
.nuncio_close {
|
52 |
+
width: 14px;
|
53 |
+
height: 14px;
|
54 |
+
background: url(nuncio/close.png) no-repeat;
|
55 |
+
position:absolute;
|
56 |
+
top:10px;
|
57 |
+
right:22px;
|
58 |
+
cursor:pointer;
|
59 |
+
z-index:2000;
|
60 |
+
}
|
61 |
+
|
62 |
+
.nuncio_minimize {
|
63 |
+
width: 14px;
|
64 |
+
height: 15px;
|
65 |
+
background: url(nuncio/minimize.png) no-repeat;
|
66 |
+
position:absolute;
|
67 |
+
top:10px;
|
68 |
+
right:40px;
|
69 |
+
cursor:pointer;
|
70 |
+
z-index:2000;
|
71 |
+
}
|
72 |
+
|
73 |
+
.nuncio_title {
|
74 |
+
float:left;
|
75 |
+
font-size:11px;
|
76 |
+
font-weight: bold;
|
77 |
+
font-style: italic;
|
78 |
+
color: #fff;
|
79 |
+
width: 100%
|
80 |
+
}
|
81 |
+
|
82 |
+
.nuncio_content {
|
83 |
+
background: url(nuncio/overlay.png) repeat;
|
84 |
+
overflow:auto;
|
85 |
+
color: #ddd;
|
86 |
+
font-family: Tahoma, Arial, "sans-serif";
|
87 |
+
font-size: 10px;
|
88 |
+
}
|
89 |
+
|
90 |
+
.nuncio_sizer {
|
91 |
+
cursor:se-resize;
|
92 |
+
}
|
93 |
+
|
94 |
+
|
95 |
+
.top_draggable, .bottom_draggable {
|
96 |
+
cursor:move
|
97 |
+
}
|
98 |
+
/* FOR IE */
|
99 |
+
* html .nuncio_nw {
|
100 |
+
background-color: transparent;
|
101 |
+
background-image: none;
|
102 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/top_left.png", sizingMethod="crop");
|
103 |
+
}
|
104 |
+
|
105 |
+
* html .nuncio_n {
|
106 |
+
background-color: transparent;
|
107 |
+
background-image: none;
|
108 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/top_mid.png", sizingMethod="scale");
|
109 |
+
}
|
110 |
+
|
111 |
+
* html .nuncio_ne {
|
112 |
+
background-color: transparent;
|
113 |
+
background-image: none;
|
114 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/top_right.png", sizingMethod="crop");
|
115 |
+
}
|
116 |
+
|
117 |
+
* html .nuncio_w {
|
118 |
+
background-color: transparent;
|
119 |
+
background-image: none;
|
120 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/center_left.png", sizingMethod="scale");
|
121 |
+
}
|
122 |
+
|
123 |
+
* html .nuncio_e {
|
124 |
+
background-color: transparent;
|
125 |
+
background-image: none;
|
126 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/center_right.png", sizingMethod="scale");
|
127 |
+
}
|
128 |
+
|
129 |
+
* html .nuncio_sw {
|
130 |
+
background-color: transparent;
|
131 |
+
background-image: none;
|
132 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/bottom_left.png", sizingMethod="crop");
|
133 |
+
}
|
134 |
+
|
135 |
+
* html .nuncio_s {
|
136 |
+
background-color: transparent;
|
137 |
+
background-image: none;
|
138 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/bottom_mid.png", sizingMethod="scale");
|
139 |
+
}
|
140 |
+
|
141 |
+
* html .nuncio_se {
|
142 |
+
background-color: transparent;
|
143 |
+
background-image: none;
|
144 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/bottom_right.png", sizingMethod="crop");
|
145 |
+
}
|
146 |
+
|
147 |
+
* html .nuncio_sizer {
|
148 |
+
background-color: transparent;
|
149 |
+
background-image: none;
|
150 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/bottom_right.png", sizingMethod="crop");
|
151 |
+
}
|
152 |
+
|
153 |
+
* html .nuncio_close {
|
154 |
+
background-color: transparent;
|
155 |
+
background-image: none;
|
156 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/close.png", sizingMethod="crop");
|
157 |
+
}
|
158 |
+
|
159 |
+
* html .nuncio_minimize {
|
160 |
+
background-color: transparent;
|
161 |
+
background-image: none;
|
162 |
+
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../themes/nuncio/minimize.png", sizingMethod="crop");
|
163 |
+
}
|
164 |
+
|
js/prototype/windows/themes/nuncio/bottom_left.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/bottom_mid.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/bottom_right.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/center_left.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/center_right.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/close.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/minimize.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/overlay.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/top_left.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/top_mid.png
ADDED
Binary file
|
js/prototype/windows/themes/nuncio/top_right.png
ADDED
Binary file
|
js/prototype/windows/themes/spread.css
ADDED
@@ -0,0 +1,108 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.overlay_spread {
|
2 |
+
background-color: #85BBEF;
|
3 |
+
filter:alpha(opacity=60);
|
4 |
+
-moz-opacity: 0.6;
|
5 |
+
opacity: 0.6;
|
6 |
+
}
|
7 |
+
|
8 |
+
.spread_nw {
|
9 |
+
background: transparent url(spread/left-top.gif) no-repeat 0 0;
|
10 |
+
width:10px;
|
11 |
+
height:25px;
|
12 |
+
}
|
13 |
+
|
14 |
+
.spread_n {
|
15 |
+
background: transparent url(spread/top-middle.gif) repeat-x 0 0;
|
16 |
+
height:25px;
|
17 |
+
}
|
18 |
+
|
19 |
+
.spread_ne {
|
20 |
+
background: transparent url(spread/right-top.gif) no-repeat 0 0;
|
21 |
+
width:10px;
|
22 |
+
height:25px;
|
23 |
+
}
|
24 |
+
|
25 |
+
.spread_w {
|
26 |
+
background: transparent url(spread/frame-left.gif) repeat-y top left;
|
27 |
+
width:7px;
|
28 |
+
}
|
29 |
+
|
30 |
+
.spread_e {
|
31 |
+
background: transparent url(spread/frame-right.gif) repeat-y top right;
|
32 |
+
width:7px;
|
33 |
+
}
|
34 |
+
|
35 |
+
.spread_sw {
|
36 |
+
background: transparent url(spread/bottom-left-c.gif) no-repeat 0 0;
|
37 |
+
width:7px;
|
38 |
+
height:7px;
|
39 |
+
}
|
40 |
+
|
41 |
+
.spread_s {
|
42 |
+
background: transparent url(spread/bottom-middle.gif) repeat-x 0 0;
|
43 |
+
height:7px;
|
44 |
+
}
|
45 |
+
|
46 |
+
.spread_se, .spread_sizer {
|
47 |
+
background: transparent url(spread/bottom-right-c.gif) no-repeat 0 0;
|
48 |
+
width:7px;
|
49 |
+
height:7px;
|
50 |
+
}
|
51 |
+
|
52 |
+
.spread_sizer {
|
53 |
+
cursor:se-resize;
|
54 |
+
}
|
55 |
+
|
56 |
+
.spread_close {
|
57 |
+
width: 23px;
|
58 |
+
height: 23px;
|
59 |
+
background: transparent url(spread/button-close-focus.gif) no-repeat 0 0;
|
60 |
+
position:absolute;
|
61 |
+
top:0px;
|
62 |
+
right:11px;
|
63 |
+
cursor:pointer;
|
64 |
+
z-index:1000;
|
65 |
+
}
|
66 |
+
|
67 |
+
.spread_minimize {
|
68 |
+
width: 23px;
|
69 |
+
height: 23px;
|
70 |
+
background: transparent url(spread/button-min-focus.gif) no-repeat 0 0;
|
71 |
+
position:absolute;
|
72 |
+
top:0px;
|
73 |
+
right:55px;
|
74 |
+
cursor:pointer;
|
75 |
+
z-index:1000;
|
76 |
+
}
|
77 |
+
|
78 |
+
.spread_maximize {
|
79 |
+
width: 23px;
|
80 |
+
height: 23px;
|
81 |
+
background: transparent url(spread/button-max-focus.gif) no-repeat 0 0;
|
82 |
+
position:absolute;
|
83 |
+
top:0px;
|
84 |
+
right:33px;
|
85 |
+
cursor:pointer;
|
86 |
+
z-index:1000;
|
87 |
+
}
|
88 |
+
|
89 |
+
.spread_title {
|
90 |
+
float:left;
|
91 |
+
height:14px;
|
92 |
+
font-family: Tahoma, Arial, sans-serif;
|
93 |
+
font-size:14px;
|
94 |
+
font-weight:bold;
|
95 |
+
text-align:left;
|
96 |
+
margin-top:2px;
|
97 |
+
width:100%;
|
98 |
+
color:#E47211;
|
99 |
+
}
|
100 |
+
|
101 |
+
.spread_content {
|
102 |
+
overflow:auto;
|
103 |
+
color: #222;
|
104 |
+
font-family: Tahoma, Arial, sans-serif;
|
105 |
+
font-size: 10px;
|
106 |
+
background:#A9EA00;
|
107 |
+
}
|
108 |
+
|
js/prototype/windows/themes/spread/bottom-left-c.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/bottom-middle.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/bottom-right-c.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/button-close-focus.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/button-max-focus.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/button-min-focus.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/frame-left.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/frame-right.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/left-top.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/right-top.gif
ADDED
Binary file
|
js/prototype/windows/themes/spread/top-middle.gif
ADDED
Binary file
|
js/scriptaculous/builder.js
ADDED
@@ -0,0 +1,136 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us builder.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
//
|
5 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
6 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
7 |
+
|
8 |
+
var Builder = {
|
9 |
+
NODEMAP: {
|
10 |
+
AREA: 'map',
|
11 |
+
CAPTION: 'table',
|
12 |
+
COL: 'table',
|
13 |
+
COLGROUP: 'table',
|
14 |
+
LEGEND: 'fieldset',
|
15 |
+
OPTGROUP: 'select',
|
16 |
+
OPTION: 'select',
|
17 |
+
PARAM: 'object',
|
18 |
+
TBODY: 'table',
|
19 |
+
TD: 'table',
|
20 |
+
TFOOT: 'table',
|
21 |
+
TH: 'table',
|
22 |
+
THEAD: 'table',
|
23 |
+
TR: 'table'
|
24 |
+
},
|
25 |
+
// note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken,
|
26 |
+
// due to a Firefox bug
|
27 |
+
node: function(elementName) {
|
28 |
+
elementName = elementName.toUpperCase();
|
29 |
+
|
30 |
+
// try innerHTML approach
|
31 |
+
var parentTag = this.NODEMAP[elementName] || 'div';
|
32 |
+
var parentElement = document.createElement(parentTag);
|
33 |
+
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
|
34 |
+
parentElement.innerHTML = "<" + elementName + "></" + elementName + ">";
|
35 |
+
} catch(e) {}
|
36 |
+
var element = parentElement.firstChild || null;
|
37 |
+
|
38 |
+
// see if browser added wrapping tags
|
39 |
+
if(element && (element.tagName.toUpperCase() != elementName))
|
40 |
+
element = element.getElementsByTagName(elementName)[0];
|
41 |
+
|
42 |
+
// fallback to createElement approach
|
43 |
+
if(!element) element = document.createElement(elementName);
|
44 |
+
|
45 |
+
// abort if nothing could be created
|
46 |
+
if(!element) return;
|
47 |
+
|
48 |
+
// attributes (or text)
|
49 |
+
if(arguments[1])
|
50 |
+
if(this._isStringOrNumber(arguments[1]) ||
|
51 |
+
(arguments[1] instanceof Array) ||
|
52 |
+
arguments[1].tagName) {
|
53 |
+
this._children(element, arguments[1]);
|
54 |
+
} else {
|
55 |
+
var attrs = this._attributes(arguments[1]);
|
56 |
+
if(attrs.length) {
|
57 |
+
try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707
|
58 |
+
parentElement.innerHTML = "<" +elementName + " " +
|
59 |
+
attrs + "></" + elementName + ">";
|
60 |
+
} catch(e) {}
|
61 |
+
element = parentElement.firstChild || null;
|
62 |
+
// workaround firefox 1.0.X bug
|
63 |
+
if(!element) {
|
64 |
+
element = document.createElement(elementName);
|
65 |
+
for(attr in arguments[1])
|
66 |
+
element[attr == 'class' ? 'className' : attr] = arguments[1][attr];
|
67 |
+
}
|
68 |
+
if(element.tagName.toUpperCase() != elementName)
|
69 |
+
element = parentElement.getElementsByTagName(elementName)[0];
|
70 |
+
}
|
71 |
+
}
|
72 |
+
|
73 |
+
// text, or array of children
|
74 |
+
if(arguments[2])
|
75 |
+
this._children(element, arguments[2]);
|
76 |
+
|
77 |
+
return $(element);
|
78 |
+
},
|
79 |
+
_text: function(text) {
|
80 |
+
return document.createTextNode(text);
|
81 |
+
},
|
82 |
+
|
83 |
+
ATTR_MAP: {
|
84 |
+
'className': 'class',
|
85 |
+
'htmlFor': 'for'
|
86 |
+
},
|
87 |
+
|
88 |
+
_attributes: function(attributes) {
|
89 |
+
var attrs = [];
|
90 |
+
for(attribute in attributes)
|
91 |
+
attrs.push((attribute in this.ATTR_MAP ? this.ATTR_MAP[attribute] : attribute) +
|
92 |
+
'="' + attributes[attribute].toString().escapeHTML().gsub(/"/,'"') + '"');
|
93 |
+
return attrs.join(" ");
|
94 |
+
},
|
95 |
+
_children: function(element, children) {
|
96 |
+
if(children.tagName) {
|
97 |
+
element.appendChild(children);
|
98 |
+
return;
|
99 |
+
}
|
100 |
+
if(typeof children=='object') { // array can hold nodes and text
|
101 |
+
children.flatten().each( function(e) {
|
102 |
+
if(typeof e=='object')
|
103 |
+
element.appendChild(e);
|
104 |
+
else
|
105 |
+
if(Builder._isStringOrNumber(e))
|
106 |
+
element.appendChild(Builder._text(e));
|
107 |
+
});
|
108 |
+
} else
|
109 |
+
if(Builder._isStringOrNumber(children))
|
110 |
+
element.appendChild(Builder._text(children));
|
111 |
+
},
|
112 |
+
_isStringOrNumber: function(param) {
|
113 |
+
return(typeof param=='string' || typeof param=='number');
|
114 |
+
},
|
115 |
+
build: function(html) {
|
116 |
+
var element = this.node('div');
|
117 |
+
$(element).update(html.strip());
|
118 |
+
return element.down();
|
119 |
+
},
|
120 |
+
dump: function(scope) {
|
121 |
+
if(typeof scope != 'object' && typeof scope != 'function') scope = window; //global scope
|
122 |
+
|
123 |
+
var tags = ("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY " +
|
124 |
+
"BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET " +
|
125 |
+
"FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+
|
126 |
+
"KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+
|
127 |
+
"PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+
|
128 |
+
"TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/);
|
129 |
+
|
130 |
+
tags.each( function(tag){
|
131 |
+
scope[tag] = function() {
|
132 |
+
return Builder.node.apply(Builder, [tag].concat($A(arguments)));
|
133 |
+
};
|
134 |
+
});
|
135 |
+
}
|
136 |
+
};
|
js/scriptaculous/controls.js
ADDED
@@ -0,0 +1,965 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us controls.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
// (c) 2005-2008 Ivan Krstic (http://blogs.law.harvard.edu/ivan)
|
5 |
+
// (c) 2005-2008 Jon Tirsen (http://www.tirsen.com)
|
6 |
+
// Contributors:
|
7 |
+
// Richard Livsey
|
8 |
+
// Rahul Bhargava
|
9 |
+
// Rob Wills
|
10 |
+
//
|
11 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
12 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
13 |
+
|
14 |
+
// Autocompleter.Base handles all the autocompletion functionality
|
15 |
+
// that's independent of the data source for autocompletion. This
|
16 |
+
// includes drawing the autocompletion menu, observing keyboard
|
17 |
+
// and mouse events, and similar.
|
18 |
+
//
|
19 |
+
// Specific autocompleters need to provide, at the very least,
|
20 |
+
// a getUpdatedChoices function that will be invoked every time
|
21 |
+
// the text inside the monitored textbox changes. This method
|
22 |
+
// should get the text for which to provide autocompletion by
|
23 |
+
// invoking this.getToken(), NOT by directly accessing
|
24 |
+
// this.element.value. This is to allow incremental tokenized
|
25 |
+
// autocompletion. Specific auto-completion logic (AJAX, etc)
|
26 |
+
// belongs in getUpdatedChoices.
|
27 |
+
//
|
28 |
+
// Tokenized incremental autocompletion is enabled automatically
|
29 |
+
// when an autocompleter is instantiated with the 'tokens' option
|
30 |
+
// in the options parameter, e.g.:
|
31 |
+
// new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' });
|
32 |
+
// will incrementally autocomplete with a comma as the token.
|
33 |
+
// Additionally, ',' in the above example can be replaced with
|
34 |
+
// a token array, e.g. { tokens: [',', '\n'] } which
|
35 |
+
// enables autocompletion on multiple tokens. This is most
|
36 |
+
// useful when one of the tokens is \n (a newline), as it
|
37 |
+
// allows smart autocompletion after linebreaks.
|
38 |
+
|
39 |
+
if(typeof Effect == 'undefined')
|
40 |
+
throw("controls.js requires including script.aculo.us' effects.js library");
|
41 |
+
|
42 |
+
var Autocompleter = { };
|
43 |
+
Autocompleter.Base = Class.create({
|
44 |
+
baseInitialize: function(element, update, options) {
|
45 |
+
element = $(element);
|
46 |
+
this.element = element;
|
47 |
+
this.update = $(update);
|
48 |
+
this.hasFocus = false;
|
49 |
+
this.changed = false;
|
50 |
+
this.active = false;
|
51 |
+
this.index = 0;
|
52 |
+
this.entryCount = 0;
|
53 |
+
this.oldElementValue = this.element.value;
|
54 |
+
|
55 |
+
if(this.setOptions)
|
56 |
+
this.setOptions(options);
|
57 |
+
else
|
58 |
+
this.options = options || { };
|
59 |
+
|
60 |
+
this.options.paramName = this.options.paramName || this.element.name;
|
61 |
+
this.options.tokens = this.options.tokens || [];
|
62 |
+
this.options.frequency = this.options.frequency || 0.4;
|
63 |
+
this.options.minChars = this.options.minChars || 1;
|
64 |
+
this.options.onShow = this.options.onShow ||
|
65 |
+
function(element, update){
|
66 |
+
if(!update.style.position || update.style.position=='absolute') {
|
67 |
+
update.style.position = 'absolute';
|
68 |
+
Position.clone(element, update, {
|
69 |
+
setHeight: false,
|
70 |
+
offsetTop: element.offsetHeight
|
71 |
+
});
|
72 |
+
}
|
73 |
+
Effect.Appear(update,{duration:0.15});
|
74 |
+
};
|
75 |
+
this.options.onHide = this.options.onHide ||
|
76 |
+
function(element, update){ new Effect.Fade(update,{duration:0.15}) };
|
77 |
+
|
78 |
+
if(typeof(this.options.tokens) == 'string')
|
79 |
+
this.options.tokens = new Array(this.options.tokens);
|
80 |
+
// Force carriage returns as token delimiters anyway
|
81 |
+
if (!this.options.tokens.include('\n'))
|
82 |
+
this.options.tokens.push('\n');
|
83 |
+
|
84 |
+
this.observer = null;
|
85 |
+
|
86 |
+
this.element.setAttribute('autocomplete','off');
|
87 |
+
|
88 |
+
Element.hide(this.update);
|
89 |
+
|
90 |
+
Event.observe(this.element, 'blur', this.onBlur.bindAsEventListener(this));
|
91 |
+
Event.observe(this.element, 'keydown', this.onKeyPress.bindAsEventListener(this));
|
92 |
+
},
|
93 |
+
|
94 |
+
show: function() {
|
95 |
+
if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update);
|
96 |
+
if(!this.iefix &&
|
97 |
+
(Prototype.Browser.IE) &&
|
98 |
+
(Element.getStyle(this.update, 'position')=='absolute')) {
|
99 |
+
new Insertion.After(this.update,
|
100 |
+
'<iframe id="' + this.update.id + '_iefix" '+
|
101 |
+
'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' +
|
102 |
+
'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
|
103 |
+
this.iefix = $(this.update.id+'_iefix');
|
104 |
+
}
|
105 |
+
if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50);
|
106 |
+
},
|
107 |
+
|
108 |
+
fixIEOverlapping: function() {
|
109 |
+
Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)});
|
110 |
+
this.iefix.style.zIndex = 1;
|
111 |
+
this.update.style.zIndex = 2;
|
112 |
+
Element.show(this.iefix);
|
113 |
+
},
|
114 |
+
|
115 |
+
hide: function() {
|
116 |
+
this.stopIndicator();
|
117 |
+
if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update);
|
118 |
+
if(this.iefix) Element.hide(this.iefix);
|
119 |
+
},
|
120 |
+
|
121 |
+
startIndicator: function() {
|
122 |
+
if(this.options.indicator) Element.show(this.options.indicator);
|
123 |
+
},
|
124 |
+
|
125 |
+
stopIndicator: function() {
|
126 |
+
if(this.options.indicator) Element.hide(this.options.indicator);
|
127 |
+
},
|
128 |
+
|
129 |
+
onKeyPress: function(event) {
|
130 |
+
if(this.active)
|
131 |
+
switch(event.keyCode) {
|
132 |
+
case Event.KEY_TAB:
|
133 |
+
case Event.KEY_RETURN:
|
134 |
+
this.selectEntry();
|
135 |
+
Event.stop(event);
|
136 |
+
case Event.KEY_ESC:
|
137 |
+
this.hide();
|
138 |
+
this.active = false;
|
139 |
+
Event.stop(event);
|
140 |
+
return;
|
141 |
+
case Event.KEY_LEFT:
|
142 |
+
case Event.KEY_RIGHT:
|
143 |
+
return;
|
144 |
+
case Event.KEY_UP:
|
145 |
+
this.markPrevious();
|
146 |
+
this.render();
|
147 |
+
Event.stop(event);
|
148 |
+
return;
|
149 |
+
case Event.KEY_DOWN:
|
150 |
+
this.markNext();
|
151 |
+
this.render();
|
152 |
+
Event.stop(event);
|
153 |
+
return;
|
154 |
+
}
|
155 |
+
else
|
156 |
+
if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN ||
|
157 |
+
(Prototype.Browser.WebKit > 0 && event.keyCode == 0)) return;
|
158 |
+
|
159 |
+
this.changed = true;
|
160 |
+
this.hasFocus = true;
|
161 |
+
|
162 |
+
if(this.observer) clearTimeout(this.observer);
|
163 |
+
this.observer =
|
164 |
+
setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
|
165 |
+
},
|
166 |
+
|
167 |
+
activate: function() {
|
168 |
+
this.changed = false;
|
169 |
+
this.hasFocus = true;
|
170 |
+
this.getUpdatedChoices();
|
171 |
+
},
|
172 |
+
|
173 |
+
onHover: function(event) {
|
174 |
+
var element = Event.findElement(event, 'LI');
|
175 |
+
if(this.index != element.autocompleteIndex)
|
176 |
+
{
|
177 |
+
this.index = element.autocompleteIndex;
|
178 |
+
this.render();
|
179 |
+
}
|
180 |
+
Event.stop(event);
|
181 |
+
},
|
182 |
+
|
183 |
+
onClick: function(event) {
|
184 |
+
var element = Event.findElement(event, 'LI');
|
185 |
+
this.index = element.autocompleteIndex;
|
186 |
+
this.selectEntry();
|
187 |
+
this.hide();
|
188 |
+
},
|
189 |
+
|
190 |
+
onBlur: function(event) {
|
191 |
+
// needed to make click events working
|
192 |
+
setTimeout(this.hide.bind(this), 250);
|
193 |
+
this.hasFocus = false;
|
194 |
+
this.active = false;
|
195 |
+
},
|
196 |
+
|
197 |
+
render: function() {
|
198 |
+
if(this.entryCount > 0) {
|
199 |
+
for (var i = 0; i < this.entryCount; i++)
|
200 |
+
this.index==i ?
|
201 |
+
Element.addClassName(this.getEntry(i),"selected") :
|
202 |
+
Element.removeClassName(this.getEntry(i),"selected");
|
203 |
+
if(this.hasFocus) {
|
204 |
+
this.show();
|
205 |
+
this.active = true;
|
206 |
+
}
|
207 |
+
} else {
|
208 |
+
this.active = false;
|
209 |
+
this.hide();
|
210 |
+
}
|
211 |
+
},
|
212 |
+
|
213 |
+
markPrevious: function() {
|
214 |
+
if(this.index > 0) this.index--;
|
215 |
+
else this.index = this.entryCount-1;
|
216 |
+
//this.getEntry(this.index).scrollIntoView(true); useless
|
217 |
+
},
|
218 |
+
|
219 |
+
markNext: function() {
|
220 |
+
if(this.index < this.entryCount-1) this.index++;
|
221 |
+
else this.index = 0;
|
222 |
+
this.getEntry(this.index).scrollIntoView(false);
|
223 |
+
},
|
224 |
+
|
225 |
+
getEntry: function(index) {
|
226 |
+
return this.update.firstChild.childNodes[index];
|
227 |
+
},
|
228 |
+
|
229 |
+
getCurrentEntry: function() {
|
230 |
+
return this.getEntry(this.index);
|
231 |
+
},
|
232 |
+
|
233 |
+
selectEntry: function() {
|
234 |
+
this.active = false;
|
235 |
+
this.updateElement(this.getCurrentEntry());
|
236 |
+
},
|
237 |
+
|
238 |
+
updateElement: function(selectedElement) {
|
239 |
+
if (this.options.updateElement) {
|
240 |
+
this.options.updateElement(selectedElement);
|
241 |
+
return;
|
242 |
+
}
|
243 |
+
var value = '';
|
244 |
+
if (this.options.select) {
|
245 |
+
var nodes = $(selectedElement).select('.' + this.options.select) || [];
|
246 |
+
if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select);
|
247 |
+
} else
|
248 |
+
value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal');
|
249 |
+
|
250 |
+
var bounds = this.getTokenBounds();
|
251 |
+
if (bounds[0] != -1) {
|
252 |
+
var newValue = this.element.value.substr(0, bounds[0]);
|
253 |
+
var whitespace = this.element.value.substr(bounds[0]).match(/^\s+/);
|
254 |
+
if (whitespace)
|
255 |
+
newValue += whitespace[0];
|
256 |
+
this.element.value = newValue + value + this.element.value.substr(bounds[1]);
|
257 |
+
} else {
|
258 |
+
this.element.value = value;
|
259 |
+
}
|
260 |
+
this.oldElementValue = this.element.value;
|
261 |
+
this.element.focus();
|
262 |
+
|
263 |
+
if (this.options.afterUpdateElement)
|
264 |
+
this.options.afterUpdateElement(this.element, selectedElement);
|
265 |
+
},
|
266 |
+
|
267 |
+
updateChoices: function(choices) {
|
268 |
+
if(!this.changed && this.hasFocus) {
|
269 |
+
this.update.innerHTML = choices;
|
270 |
+
Element.cleanWhitespace(this.update);
|
271 |
+
Element.cleanWhitespace(this.update.down());
|
272 |
+
|
273 |
+
if(this.update.firstChild && this.update.down().childNodes) {
|
274 |
+
this.entryCount =
|
275 |
+
this.update.down().childNodes.length;
|
276 |
+
for (var i = 0; i < this.entryCount; i++) {
|
277 |
+
var entry = this.getEntry(i);
|
278 |
+
entry.autocompleteIndex = i;
|
279 |
+
this.addObservers(entry);
|
280 |
+
}
|
281 |
+
} else {
|
282 |
+
this.entryCount = 0;
|
283 |
+
}
|
284 |
+
|
285 |
+
this.stopIndicator();
|
286 |
+
this.index = 0;
|
287 |
+
|
288 |
+
if(this.entryCount==1 && this.options.autoSelect) {
|
289 |
+
this.selectEntry();
|
290 |
+
this.hide();
|
291 |
+
} else {
|
292 |
+
this.render();
|
293 |
+
}
|
294 |
+
}
|
295 |
+
},
|
296 |
+
|
297 |
+
addObservers: function(element) {
|
298 |
+
Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
|
299 |
+
Event.observe(element, "click", this.onClick.bindAsEventListener(this));
|
300 |
+
},
|
301 |
+
|
302 |
+
onObserverEvent: function() {
|
303 |
+
this.changed = false;
|
304 |
+
this.tokenBounds = null;
|
305 |
+
if(this.getToken().length>=this.options.minChars) {
|
306 |
+
this.getUpdatedChoices();
|
307 |
+
} else {
|
308 |
+
this.active = false;
|
309 |
+
this.hide();
|
310 |
+
}
|
311 |
+
this.oldElementValue = this.element.value;
|
312 |
+
},
|
313 |
+
|
314 |
+
getToken: function() {
|
315 |
+
var bounds = this.getTokenBounds();
|
316 |
+
return this.element.value.substring(bounds[0], bounds[1]).strip();
|
317 |
+
},
|
318 |
+
|
319 |
+
getTokenBounds: function() {
|
320 |
+
if (null != this.tokenBounds) return this.tokenBounds;
|
321 |
+
var value = this.element.value;
|
322 |
+
if (value.strip().empty()) return [-1, 0];
|
323 |
+
var diff = arguments.callee.getFirstDifferencePos(value, this.oldElementValue);
|
324 |
+
var offset = (diff == this.oldElementValue.length ? 1 : 0);
|
325 |
+
var prevTokenPos = -1, nextTokenPos = value.length;
|
326 |
+
var tp;
|
327 |
+
for (var index = 0, l = this.options.tokens.length; index < l; ++index) {
|
328 |
+
tp = value.lastIndexOf(this.options.tokens[index], diff + offset - 1);
|
329 |
+
if (tp > prevTokenPos) prevTokenPos = tp;
|
330 |
+
tp = value.indexOf(this.options.tokens[index], diff + offset);
|
331 |
+
if (-1 != tp && tp < nextTokenPos) nextTokenPos = tp;
|
332 |
+
}
|
333 |
+
return (this.tokenBounds = [prevTokenPos + 1, nextTokenPos]);
|
334 |
+
}
|
335 |
+
});
|
336 |
+
|
337 |
+
Autocompleter.Base.prototype.getTokenBounds.getFirstDifferencePos = function(newS, oldS) {
|
338 |
+
var boundary = Math.min(newS.length, oldS.length);
|
339 |
+
for (var index = 0; index < boundary; ++index)
|
340 |
+
if (newS[index] != oldS[index])
|
341 |
+
return index;
|
342 |
+
return boundary;
|
343 |
+
};
|
344 |
+
|
345 |
+
Ajax.Autocompleter = Class.create(Autocompleter.Base, {
|
346 |
+
initialize: function(element, update, url, options) {
|
347 |
+
this.baseInitialize(element, update, options);
|
348 |
+
this.options.asynchronous = true;
|
349 |
+
this.options.onComplete = this.onComplete.bind(this);
|
350 |
+
this.options.defaultParams = this.options.parameters || null;
|
351 |
+
this.url = url;
|
352 |
+
},
|
353 |
+
|
354 |
+
getUpdatedChoices: function() {
|
355 |
+
this.startIndicator();
|
356 |
+
|
357 |
+
var entry = encodeURIComponent(this.options.paramName) + '=' +
|
358 |
+
encodeURIComponent(this.getToken());
|
359 |
+
|
360 |
+
this.options.parameters = this.options.callback ?
|
361 |
+
this.options.callback(this.element, entry) : entry;
|
362 |
+
|
363 |
+
if(this.options.defaultParams)
|
364 |
+
this.options.parameters += '&' + this.options.defaultParams;
|
365 |
+
|
366 |
+
new Ajax.Request(this.url, this.options);
|
367 |
+
},
|
368 |
+
|
369 |
+
onComplete: function(request) {
|
370 |
+
this.updateChoices(request.responseText);
|
371 |
+
}
|
372 |
+
});
|
373 |
+
|
374 |
+
// The local array autocompleter. Used when you'd prefer to
|
375 |
+
// inject an array of autocompletion options into the page, rather
|
376 |
+
// than sending out Ajax queries, which can be quite slow sometimes.
|
377 |
+
//
|
378 |
+
// The constructor takes four parameters. The first two are, as usual,
|
379 |
+
// the id of the monitored textbox, and id of the autocompletion menu.
|
380 |
+
// The third is the array you want to autocomplete from, and the fourth
|
381 |
+
// is the options block.
|
382 |
+
//
|
383 |
+
// Extra local autocompletion options:
|
384 |
+
// - choices - How many autocompletion choices to offer
|
385 |
+
//
|
386 |
+
// - partialSearch - If false, the autocompleter will match entered
|
387 |
+
// text only at the beginning of strings in the
|
388 |
+
// autocomplete array. Defaults to true, which will
|
389 |
+
// match text at the beginning of any *word* in the
|
390 |
+
// strings in the autocomplete array. If you want to
|
391 |
+
// search anywhere in the string, additionally set
|
392 |
+
// the option fullSearch to true (default: off).
|
393 |
+
//
|
394 |
+
// - fullSsearch - Search anywhere in autocomplete array strings.
|
395 |
+
//
|
396 |
+
// - partialChars - How many characters to enter before triggering
|
397 |
+
// a partial match (unlike minChars, which defines
|
398 |
+
// how many characters are required to do any match
|
399 |
+
// at all). Defaults to 2.
|
400 |
+
//
|
401 |
+
// - ignoreCase - Whether to ignore case when autocompleting.
|
402 |
+
// Defaults to true.
|
403 |
+
//
|
404 |
+
// It's possible to pass in a custom function as the 'selector'
|
405 |
+
// option, if you prefer to write your own autocompletion logic.
|
406 |
+
// In that case, the other options above will not apply unless
|
407 |
+
// you support them.
|
408 |
+
|
409 |
+
Autocompleter.Local = Class.create(Autocompleter.Base, {
|
410 |
+
initialize: function(element, update, array, options) {
|
411 |
+
this.baseInitialize(element, update, options);
|
412 |
+
this.options.array = array;
|
413 |
+
},
|
414 |
+
|
415 |
+
getUpdatedChoices: function() {
|
416 |
+
this.updateChoices(this.options.selector(this));
|
417 |
+
},
|
418 |
+
|
419 |
+
setOptions: function(options) {
|
420 |
+
this.options = Object.extend({
|
421 |
+
choices: 10,
|
422 |
+
partialSearch: true,
|
423 |
+
partialChars: 2,
|
424 |
+
ignoreCase: true,
|
425 |
+
fullSearch: false,
|
426 |
+
selector: function(instance) {
|
427 |
+
var ret = []; // Beginning matches
|
428 |
+
var partial = []; // Inside matches
|
429 |
+
var entry = instance.getToken();
|
430 |
+
var count = 0;
|
431 |
+
|
432 |
+
for (var i = 0; i < instance.options.array.length &&
|
433 |
+
ret.length < instance.options.choices ; i++) {
|
434 |
+
|
435 |
+
var elem = instance.options.array[i];
|
436 |
+
var foundPos = instance.options.ignoreCase ?
|
437 |
+
elem.toLowerCase().indexOf(entry.toLowerCase()) :
|
438 |
+
elem.indexOf(entry);
|
439 |
+
|
440 |
+
while (foundPos != -1) {
|
441 |
+
if (foundPos == 0 && elem.length != entry.length) {
|
442 |
+
ret.push("<li><strong>" + elem.substr(0, entry.length) + "</strong>" +
|
443 |
+
elem.substr(entry.length) + "</li>");
|
444 |
+
break;
|
445 |
+
} else if (entry.length >= instance.options.partialChars &&
|
446 |
+
instance.options.partialSearch && foundPos != -1) {
|
447 |
+
if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) {
|
448 |
+
partial.push("<li>" + elem.substr(0, foundPos) + "<strong>" +
|
449 |
+
elem.substr(foundPos, entry.length) + "</strong>" + elem.substr(
|
450 |
+
foundPos + entry.length) + "</li>");
|
451 |
+
break;
|
452 |
+
}
|
453 |
+
}
|
454 |
+
|
455 |
+
foundPos = instance.options.ignoreCase ?
|
456 |
+
elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) :
|
457 |
+
elem.indexOf(entry, foundPos + 1);
|
458 |
+
|
459 |
+
}
|
460 |
+
}
|
461 |
+
if (partial.length)
|
462 |
+
ret = ret.concat(partial.slice(0, instance.options.choices - ret.length));
|
463 |
+
return "<ul>" + ret.join('') + "</ul>";
|
464 |
+
}
|
465 |
+
}, options || { });
|
466 |
+
}
|
467 |
+
});
|
468 |
+
|
469 |
+
// AJAX in-place editor and collection editor
|
470 |
+
// Full rewrite by Christophe Porteneuve <tdd@tddsworld.com> (April 2007).
|
471 |
+
|
472 |
+
// Use this if you notice weird scrolling problems on some browsers,
|
473 |
+
// the DOM might be a bit confused when this gets called so do this
|
474 |
+
// waits 1 ms (with setTimeout) until it does the activation
|
475 |
+
Field.scrollFreeActivate = function(field) {
|
476 |
+
setTimeout(function() {
|
477 |
+
Field.activate(field);
|
478 |
+
}, 1);
|
479 |
+
};
|
480 |
+
|
481 |
+
Ajax.InPlaceEditor = Class.create({
|
482 |
+
initialize: function(element, url, options) {
|
483 |
+
this.url = url;
|
484 |
+
this.element = element = $(element);
|
485 |
+
this.prepareOptions();
|
486 |
+
this._controls = { };
|
487 |
+
arguments.callee.dealWithDeprecatedOptions(options); // DEPRECATION LAYER!!!
|
488 |
+
Object.extend(this.options, options || { });
|
489 |
+
if (!this.options.formId && this.element.id) {
|
490 |
+
this.options.formId = this.element.id + '-inplaceeditor';
|
491 |
+
if ($(this.options.formId))
|
492 |
+
this.options.formId = '';
|
493 |
+
}
|
494 |
+
if (this.options.externalControl)
|
495 |
+
this.options.externalControl = $(this.options.externalControl);
|
496 |
+
if (!this.options.externalControl)
|
497 |
+
this.options.externalControlOnly = false;
|
498 |
+
this._originalBackground = this.element.getStyle('background-color') || 'transparent';
|
499 |
+
this.element.title = this.options.clickToEditText;
|
500 |
+
this._boundCancelHandler = this.handleFormCancellation.bind(this);
|
501 |
+
this._boundComplete = (this.options.onComplete || Prototype.emptyFunction).bind(this);
|
502 |
+
this._boundFailureHandler = this.handleAJAXFailure.bind(this);
|
503 |
+
this._boundSubmitHandler = this.handleFormSubmission.bind(this);
|
504 |
+
this._boundWrapperHandler = this.wrapUp.bind(this);
|
505 |
+
this.registerListeners();
|
506 |
+
},
|
507 |
+
checkForEscapeOrReturn: function(e) {
|
508 |
+
if (!this._editing || e.ctrlKey || e.altKey || e.shiftKey) return;
|
509 |
+
if (Event.KEY_ESC == e.keyCode)
|
510 |
+
this.handleFormCancellation(e);
|
511 |
+
else if (Event.KEY_RETURN == e.keyCode)
|
512 |
+
this.handleFormSubmission(e);
|
513 |
+
},
|
514 |
+
createControl: function(mode, handler, extraClasses) {
|
515 |
+
var control = this.options[mode + 'Control'];
|
516 |
+
var text = this.options[mode + 'Text'];
|
517 |
+
if ('button' == control) {
|
518 |
+
var btn = document.createElement('input');
|
519 |
+
btn.type = 'submit';
|
520 |
+
btn.value = text;
|
521 |
+
btn.className = 'editor_' + mode + '_button';
|
522 |
+
if ('cancel' == mode)
|
523 |
+
btn.onclick = this._boundCancelHandler;
|
524 |
+
this._form.appendChild(btn);
|
525 |
+
this._controls[mode] = btn;
|
526 |
+
} else if ('link' == control) {
|
527 |
+
var link = document.createElement('a');
|
528 |
+
link.href = '#';
|
529 |
+
link.appendChild(document.createTextNode(text));
|
530 |
+
link.onclick = 'cancel' == mode ? this._boundCancelHandler : this._boundSubmitHandler;
|
531 |
+
link.className = 'editor_' + mode + '_link';
|
532 |
+
if (extraClasses)
|
533 |
+
link.className += ' ' + extraClasses;
|
534 |
+
this._form.appendChild(link);
|
535 |
+
this._controls[mode] = link;
|
536 |
+
}
|
537 |
+
},
|
538 |
+
createEditField: function() {
|
539 |
+
var text = (this.options.loadTextURL ? this.options.loadingText : this.getText());
|
540 |
+
var fld;
|
541 |
+
if (1 >= this.options.rows && !/\r|\n/.test(this.getText())) {
|
542 |
+
fld = document.createElement('input');
|
543 |
+
fld.type = 'text';
|
544 |
+
var size = this.options.size || this.options.cols || 0;
|
545 |
+
if (0 < size) fld.size = size;
|
546 |
+
} else {
|
547 |
+
fld = document.createElement('textarea');
|
548 |
+
fld.rows = (1 >= this.options.rows ? this.options.autoRows : this.options.rows);
|
549 |
+
fld.cols = this.options.cols || 40;
|
550 |
+
}
|
551 |
+
fld.name = this.options.paramName;
|
552 |
+
fld.value = text; // No HTML breaks conversion anymore
|
553 |
+
fld.className = 'editor_field';
|
554 |
+
if (this.options.submitOnBlur)
|
555 |
+
fld.onblur = this._boundSubmitHandler;
|
556 |
+
this._controls.editor = fld;
|
557 |
+
if (this.options.loadTextURL)
|
558 |
+
this.loadExternalText();
|
559 |
+
this._form.appendChild(this._controls.editor);
|
560 |
+
},
|
561 |
+
createForm: function() {
|
562 |
+
var ipe = this;
|
563 |
+
function addText(mode, condition) {
|
564 |
+
var text = ipe.options['text' + mode + 'Controls'];
|
565 |
+
if (!text || condition === false) return;
|
566 |
+
ipe._form.appendChild(document.createTextNode(text));
|
567 |
+
};
|
568 |
+
this._form = $(document.createElement('form'));
|
569 |
+
this._form.id = this.options.formId;
|
570 |
+
this._form.addClassName(this.options.formClassName);
|
571 |
+
this._form.onsubmit = this._boundSubmitHandler;
|
572 |
+
this.createEditField();
|
573 |
+
if ('textarea' == this._controls.editor.tagName.toLowerCase())
|
574 |
+
this._form.appendChild(document.createElement('br'));
|
575 |
+
if (this.options.onFormCustomization)
|
576 |
+
this.options.onFormCustomization(this, this._form);
|
577 |
+
addText('Before', this.options.okControl || this.options.cancelControl);
|
578 |
+
this.createControl('ok', this._boundSubmitHandler);
|
579 |
+
addText('Between', this.options.okControl && this.options.cancelControl);
|
580 |
+
this.createControl('cancel', this._boundCancelHandler, 'editor_cancel');
|
581 |
+
addText('After', this.options.okControl || this.options.cancelControl);
|
582 |
+
},
|
583 |
+
destroy: function() {
|
584 |
+
if (this._oldInnerHTML)
|
585 |
+
this.element.innerHTML = this._oldInnerHTML;
|
586 |
+
this.leaveEditMode();
|
587 |
+
this.unregisterListeners();
|
588 |
+
},
|
589 |
+
enterEditMode: function(e) {
|
590 |
+
if (this._saving || this._editing) return;
|
591 |
+
this._editing = true;
|
592 |
+
this.triggerCallback('onEnterEditMode');
|
593 |
+
if (this.options.externalControl)
|
594 |
+
this.options.externalControl.hide();
|
595 |
+
this.element.hide();
|
596 |
+
this.createForm();
|
597 |
+
this.element.parentNode.insertBefore(this._form, this.element);
|
598 |
+
if (!this.options.loadTextURL)
|
599 |
+
this.postProcessEditField();
|
600 |
+
if (e) Event.stop(e);
|
601 |
+
},
|
602 |
+
enterHover: function(e) {
|
603 |
+
if (this.options.hoverClassName)
|
604 |
+
this.element.addClassName(this.options.hoverClassName);
|
605 |
+
if (this._saving) return;
|
606 |
+
this.triggerCallback('onEnterHover');
|
607 |
+
},
|
608 |
+
getText: function() {
|
609 |
+
return this.element.innerHTML.unescapeHTML();
|
610 |
+
},
|
611 |
+
handleAJAXFailure: function(transport) {
|
612 |
+
this.triggerCallback('onFailure', transport);
|
613 |
+
if (this._oldInnerHTML) {
|
614 |
+
this.element.innerHTML = this._oldInnerHTML;
|
615 |
+
this._oldInnerHTML = null;
|
616 |
+
}
|
617 |
+
},
|
618 |
+
handleFormCancellation: function(e) {
|
619 |
+
this.wrapUp();
|
620 |
+
if (e) Event.stop(e);
|
621 |
+
},
|
622 |
+
handleFormSubmission: function(e) {
|
623 |
+
var form = this._form;
|
624 |
+
var value = $F(this._controls.editor);
|
625 |
+
this.prepareSubmission();
|
626 |
+
var params = this.options.callback(form, value) || '';
|
627 |
+
if (Object.isString(params))
|
628 |
+
params = params.toQueryParams();
|
629 |
+
params.editorId = this.element.id;
|
630 |
+
if (this.options.htmlResponse) {
|
631 |
+
var options = Object.extend({ evalScripts: true }, this.options.ajaxOptions);
|
632 |
+
Object.extend(options, {
|
633 |
+
parameters: params,
|
634 |
+
onComplete: this._boundWrapperHandler,
|
635 |
+
onFailure: this._boundFailureHandler
|
636 |
+
});
|
637 |
+
new Ajax.Updater({ success: this.element }, this.url, options);
|
638 |
+
} else {
|
639 |
+
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
|
640 |
+
Object.extend(options, {
|
641 |
+
parameters: params,
|
642 |
+
onComplete: this._boundWrapperHandler,
|
643 |
+
onFailure: this._boundFailureHandler
|
644 |
+
});
|
645 |
+
new Ajax.Request(this.url, options);
|
646 |
+
}
|
647 |
+
if (e) Event.stop(e);
|
648 |
+
},
|
649 |
+
leaveEditMode: function() {
|
650 |
+
this.element.removeClassName(this.options.savingClassName);
|
651 |
+
this.removeForm();
|
652 |
+
this.leaveHover();
|
653 |
+
this.element.style.backgroundColor = this._originalBackground;
|
654 |
+
this.element.show();
|
655 |
+
if (this.options.externalControl)
|
656 |
+
this.options.externalControl.show();
|
657 |
+
this._saving = false;
|
658 |
+
this._editing = false;
|
659 |
+
this._oldInnerHTML = null;
|
660 |
+
this.triggerCallback('onLeaveEditMode');
|
661 |
+
},
|
662 |
+
leaveHover: function(e) {
|
663 |
+
if (this.options.hoverClassName)
|
664 |
+
this.element.removeClassName(this.options.hoverClassName);
|
665 |
+
if (this._saving) return;
|
666 |
+
this.triggerCallback('onLeaveHover');
|
667 |
+
},
|
668 |
+
loadExternalText: function() {
|
669 |
+
this._form.addClassName(this.options.loadingClassName);
|
670 |
+
this._controls.editor.disabled = true;
|
671 |
+
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
|
672 |
+
Object.extend(options, {
|
673 |
+
parameters: 'editorId=' + encodeURIComponent(this.element.id),
|
674 |
+
onComplete: Prototype.emptyFunction,
|
675 |
+
onSuccess: function(transport) {
|
676 |
+
this._form.removeClassName(this.options.loadingClassName);
|
677 |
+
var text = transport.responseText;
|
678 |
+
if (this.options.stripLoadedTextTags)
|
679 |
+
text = text.stripTags();
|
680 |
+
this._controls.editor.value = text;
|
681 |
+
this._controls.editor.disabled = false;
|
682 |
+
this.postProcessEditField();
|
683 |
+
}.bind(this),
|
684 |
+
onFailure: this._boundFailureHandler
|
685 |
+
});
|
686 |
+
new Ajax.Request(this.options.loadTextURL, options);
|
687 |
+
},
|
688 |
+
postProcessEditField: function() {
|
689 |
+
var fpc = this.options.fieldPostCreation;
|
690 |
+
if (fpc)
|
691 |
+
$(this._controls.editor)['focus' == fpc ? 'focus' : 'activate']();
|
692 |
+
},
|
693 |
+
prepareOptions: function() {
|
694 |
+
this.options = Object.clone(Ajax.InPlaceEditor.DefaultOptions);
|
695 |
+
Object.extend(this.options, Ajax.InPlaceEditor.DefaultCallbacks);
|
696 |
+
[this._extraDefaultOptions].flatten().compact().each(function(defs) {
|
697 |
+
Object.extend(this.options, defs);
|
698 |
+
}.bind(this));
|
699 |
+
},
|
700 |
+
prepareSubmission: function() {
|
701 |
+
this._saving = true;
|
702 |
+
this.removeForm();
|
703 |
+
this.leaveHover();
|
704 |
+
this.showSaving();
|
705 |
+
},
|
706 |
+
registerListeners: function() {
|
707 |
+
this._listeners = { };
|
708 |
+
var listener;
|
709 |
+
$H(Ajax.InPlaceEditor.Listeners).each(function(pair) {
|
710 |
+
listener = this[pair.value].bind(this);
|
711 |
+
this._listeners[pair.key] = listener;
|
712 |
+
if (!this.options.externalControlOnly)
|
713 |
+
this.element.observe(pair.key, listener);
|
714 |
+
if (this.options.externalControl)
|
715 |
+
this.options.externalControl.observe(pair.key, listener);
|
716 |
+
}.bind(this));
|
717 |
+
},
|
718 |
+
removeForm: function() {
|
719 |
+
if (!this._form) return;
|
720 |
+
this._form.remove();
|
721 |
+
this._form = null;
|
722 |
+
this._controls = { };
|
723 |
+
},
|
724 |
+
showSaving: function() {
|
725 |
+
this._oldInnerHTML = this.element.innerHTML;
|
726 |
+
this.element.innerHTML = this.options.savingText;
|
727 |
+
this.element.addClassName(this.options.savingClassName);
|
728 |
+
this.element.style.backgroundColor = this._originalBackground;
|
729 |
+
this.element.show();
|
730 |
+
},
|
731 |
+
triggerCallback: function(cbName, arg) {
|
732 |
+
if ('function' == typeof this.options[cbName]) {
|
733 |
+
this.options[cbName](this, arg);
|
734 |
+
}
|
735 |
+
},
|
736 |
+
unregisterListeners: function() {
|
737 |
+
$H(this._listeners).each(function(pair) {
|
738 |
+
if (!this.options.externalControlOnly)
|
739 |
+
this.element.stopObserving(pair.key, pair.value);
|
740 |
+
if (this.options.externalControl)
|
741 |
+
this.options.externalControl.stopObserving(pair.key, pair.value);
|
742 |
+
}.bind(this));
|
743 |
+
},
|
744 |
+
wrapUp: function(transport) {
|
745 |
+
this.leaveEditMode();
|
746 |
+
// Can't use triggerCallback due to backward compatibility: requires
|
747 |
+
// binding + direct element
|
748 |
+
this._boundComplete(transport, this.element);
|
749 |
+
}
|
750 |
+
});
|
751 |
+
|
752 |
+
Object.extend(Ajax.InPlaceEditor.prototype, {
|
753 |
+
dispose: Ajax.InPlaceEditor.prototype.destroy
|
754 |
+
});
|
755 |
+
|
756 |
+
Ajax.InPlaceCollectionEditor = Class.create(Ajax.InPlaceEditor, {
|
757 |
+
initialize: function($super, element, url, options) {
|
758 |
+
this._extraDefaultOptions = Ajax.InPlaceCollectionEditor.DefaultOptions;
|
759 |
+
$super(element, url, options);
|
760 |
+
},
|
761 |
+
|
762 |
+
createEditField: function() {
|
763 |
+
var list = document.createElement('select');
|
764 |
+
list.name = this.options.paramName;
|
765 |
+
list.size = 1;
|
766 |
+
this._controls.editor = list;
|
767 |
+
this._collection = this.options.collection || [];
|
768 |
+
if (this.options.loadCollectionURL)
|
769 |
+
this.loadCollection();
|
770 |
+
else
|
771 |
+
this.checkForExternalText();
|
772 |
+
this._form.appendChild(this._controls.editor);
|
773 |
+
},
|
774 |
+
|
775 |
+
loadCollection: function() {
|
776 |
+
this._form.addClassName(this.options.loadingClassName);
|
777 |
+
this.showLoadingText(this.options.loadingCollectionText);
|
778 |
+
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
|
779 |
+
Object.extend(options, {
|
780 |
+
parameters: 'editorId=' + encodeURIComponent(this.element.id),
|
781 |
+
onComplete: Prototype.emptyFunction,
|
782 |
+
onSuccess: function(transport) {
|
783 |
+
var js = transport.responseText.strip();
|
784 |
+
if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check
|
785 |
+
throw('Server returned an invalid collection representation.');
|
786 |
+
this._collection = eval(js);
|
787 |
+
this.checkForExternalText();
|
788 |
+
}.bind(this),
|
789 |
+
onFailure: this.onFailure
|
790 |
+
});
|
791 |
+
new Ajax.Request(this.options.loadCollectionURL, options);
|
792 |
+
},
|
793 |
+
|
794 |
+
showLoadingText: function(text) {
|
795 |
+
this._controls.editor.disabled = true;
|
796 |
+
var tempOption = this._controls.editor.firstChild;
|
797 |
+
if (!tempOption) {
|
798 |
+
tempOption = document.createElement('option');
|
799 |
+
tempOption.value = '';
|
800 |
+
this._controls.editor.appendChild(tempOption);
|
801 |
+
tempOption.selected = true;
|
802 |
+
}
|
803 |
+
tempOption.update((text || '').stripScripts().stripTags());
|
804 |
+
},
|
805 |
+
|
806 |
+
checkForExternalText: function() {
|
807 |
+
this._text = this.getText();
|
808 |
+
if (this.options.loadTextURL)
|
809 |
+
this.loadExternalText();
|
810 |
+
else
|
811 |
+
this.buildOptionList();
|
812 |
+
},
|
813 |
+
|
814 |
+
loadExternalText: function() {
|
815 |
+
this.showLoadingText(this.options.loadingText);
|
816 |
+
var options = Object.extend({ method: 'get' }, this.options.ajaxOptions);
|
817 |
+
Object.extend(options, {
|
818 |
+
parameters: 'editorId=' + encodeURIComponent(this.element.id),
|
819 |
+
onComplete: Prototype.emptyFunction,
|
820 |
+
onSuccess: function(transport) {
|
821 |
+
this._text = transport.responseText.strip();
|
822 |
+
this.buildOptionList();
|
823 |
+
}.bind(this),
|
824 |
+
onFailure: this.onFailure
|
825 |
+
});
|
826 |
+
new Ajax.Request(this.options.loadTextURL, options);
|
827 |
+
},
|
828 |
+
|
829 |
+
buildOptionList: function() {
|
830 |
+
this._form.removeClassName(this.options.loadingClassName);
|
831 |
+
this._collection = this._collection.map(function(entry) {
|
832 |
+
return 2 === entry.length ? entry : [entry, entry].flatten();
|
833 |
+
});
|
834 |
+
var marker = ('value' in this.options) ? this.options.value : this._text;
|
835 |
+
var textFound = this._collection.any(function(entry) {
|
836 |
+
return entry[0] == marker;
|
837 |
+
}.bind(this));
|
838 |
+
this._controls.editor.update('');
|
839 |
+
var option;
|
840 |
+
this._collection.each(function(entry, index) {
|
841 |
+
option = document.createElement('option');
|
842 |
+
option.value = entry[0];
|
843 |
+
option.selected = textFound ? entry[0] == marker : 0 == index;
|
844 |
+
option.appendChild(document.createTextNode(entry[1]));
|
845 |
+
this._controls.editor.appendChild(option);
|
846 |
+
}.bind(this));
|
847 |
+
this._controls.editor.disabled = false;
|
848 |
+
Field.scrollFreeActivate(this._controls.editor);
|
849 |
+
}
|
850 |
+
});
|
851 |
+
|
852 |
+
//**** DEPRECATION LAYER FOR InPlace[Collection]Editor! ****
|
853 |
+
//**** This only exists for a while, in order to let ****
|
854 |
+
//**** users adapt to the new API. Read up on the new ****
|
855 |
+
//**** API and convert your code to it ASAP! ****
|
856 |
+
|
857 |
+
Ajax.InPlaceEditor.prototype.initialize.dealWithDeprecatedOptions = function(options) {
|
858 |
+
if (!options) return;
|
859 |
+
function fallback(name, expr) {
|
860 |
+
if (name in options || expr === undefined) return;
|
861 |
+
options[name] = expr;
|
862 |
+
};
|
863 |
+
fallback('cancelControl', (options.cancelLink ? 'link' : (options.cancelButton ? 'button' :
|
864 |
+
options.cancelLink == options.cancelButton == false ? false : undefined)));
|
865 |
+
fallback('okControl', (options.okLink ? 'link' : (options.okButton ? 'button' :
|
866 |
+
options.okLink == options.okButton == false ? false : undefined)));
|
867 |
+
fallback('highlightColor', options.highlightcolor);
|
868 |
+
fallback('highlightEndColor', options.highlightendcolor);
|
869 |
+
};
|
870 |
+
|
871 |
+
Object.extend(Ajax.InPlaceEditor, {
|
872 |
+
DefaultOptions: {
|
873 |
+
ajaxOptions: { },
|
874 |
+
autoRows: 3, // Use when multi-line w/ rows == 1
|
875 |
+
cancelControl: 'link', // 'link'|'button'|false
|
876 |
+
cancelText: 'cancel',
|
877 |
+
clickToEditText: 'Click to edit',
|
878 |
+
externalControl: null, // id|elt
|
879 |
+
externalControlOnly: false,
|
880 |
+
fieldPostCreation: 'activate', // 'activate'|'focus'|false
|
881 |
+
formClassName: 'inplaceeditor-form',
|
882 |
+
formId: null, // id|elt
|
883 |
+
highlightColor: '#ffff99',
|
884 |
+
highlightEndColor: '#ffffff',
|
885 |
+
hoverClassName: '',
|
886 |
+
htmlResponse: true,
|
887 |
+
loadingClassName: 'inplaceeditor-loading',
|
888 |
+
loadingText: 'Loading...',
|
889 |
+
okControl: 'button', // 'link'|'button'|false
|
890 |
+
okText: 'ok',
|
891 |
+
paramName: 'value',
|
892 |
+
rows: 1, // If 1 and multi-line, uses autoRows
|
893 |
+
savingClassName: 'inplaceeditor-saving',
|
894 |
+
savingText: 'Saving...',
|
895 |
+
size: 0,
|
896 |
+
stripLoadedTextTags: false,
|
897 |
+
submitOnBlur: false,
|
898 |
+
textAfterControls: '',
|
899 |
+
textBeforeControls: '',
|
900 |
+
textBetweenControls: ''
|
901 |
+
},
|
902 |
+
DefaultCallbacks: {
|
903 |
+
callback: function(form) {
|
904 |
+
return Form.serialize(form);
|
905 |
+
},
|
906 |
+
onComplete: function(transport, element) {
|
907 |
+
// For backward compatibility, this one is bound to the IPE, and passes
|
908 |
+
// the element directly. It was too often customized, so we don't break it.
|
909 |
+
new Effect.Highlight(element, {
|
910 |
+
startcolor: this.options.highlightColor, keepBackgroundImage: true });
|
911 |
+
},
|
912 |
+
onEnterEditMode: null,
|
913 |
+
onEnterHover: function(ipe) {
|
914 |
+
ipe.element.style.backgroundColor = ipe.options.highlightColor;
|
915 |
+
if (ipe._effect)
|
916 |
+
ipe._effect.cancel();
|
917 |
+
},
|
918 |
+
onFailure: function(transport, ipe) {
|
919 |
+
alert('Error communication with the server: ' + transport.responseText.stripTags());
|
920 |
+
},
|
921 |
+
onFormCustomization: null, // Takes the IPE and its generated form, after editor, before controls.
|
922 |
+
onLeaveEditMode: null,
|
923 |
+
onLeaveHover: function(ipe) {
|
924 |
+
ipe._effect = new Effect.Highlight(ipe.element, {
|
925 |
+
startcolor: ipe.options.highlightColor, endcolor: ipe.options.highlightEndColor,
|
926 |
+
restorecolor: ipe._originalBackground, keepBackgroundImage: true
|
927 |
+
});
|
928 |
+
}
|
929 |
+
},
|
930 |
+
Listeners: {
|
931 |
+
click: 'enterEditMode',
|
932 |
+
keydown: 'checkForEscapeOrReturn',
|
933 |
+
mouseover: 'enterHover',
|
934 |
+
mouseout: 'leaveHover'
|
935 |
+
}
|
936 |
+
});
|
937 |
+
|
938 |
+
Ajax.InPlaceCollectionEditor.DefaultOptions = {
|
939 |
+
loadingCollectionText: 'Loading options...'
|
940 |
+
};
|
941 |
+
|
942 |
+
// Delayed observer, like Form.Element.Observer,
|
943 |
+
// but waits for delay after last key input
|
944 |
+
// Ideal for live-search fields
|
945 |
+
|
946 |
+
Form.Element.DelayedObserver = Class.create({
|
947 |
+
initialize: function(element, delay, callback) {
|
948 |
+
this.delay = delay || 0.5;
|
949 |
+
this.element = $(element);
|
950 |
+
this.callback = callback;
|
951 |
+
this.timer = null;
|
952 |
+
this.lastValue = $F(this.element);
|
953 |
+
Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));
|
954 |
+
},
|
955 |
+
delayedListener: function(event) {
|
956 |
+
if(this.lastValue == $F(this.element)) return;
|
957 |
+
if(this.timer) clearTimeout(this.timer);
|
958 |
+
this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000);
|
959 |
+
this.lastValue = $F(this.element);
|
960 |
+
},
|
961 |
+
onTimerEvent: function() {
|
962 |
+
this.timer = null;
|
963 |
+
this.callback(this.element, $F(this.element));
|
964 |
+
}
|
965 |
+
});
|
js/scriptaculous/dragdrop.js
ADDED
@@ -0,0 +1,975 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us dragdrop.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
// (c) 2005-2008 Sammi Williams (http://www.oriontransfer.co.nz, sammi@oriontransfer.co.nz)
|
5 |
+
//
|
6 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
7 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
8 |
+
|
9 |
+
if(Object.isUndefined(Effect))
|
10 |
+
throw("dragdrop.js requires including script.aculo.us' effects.js library");
|
11 |
+
|
12 |
+
var Droppables = {
|
13 |
+
drops: [],
|
14 |
+
|
15 |
+
remove: function(element) {
|
16 |
+
this.drops = this.drops.reject(function(d) { return d.element==$(element) });
|
17 |
+
},
|
18 |
+
|
19 |
+
add: function(element) {
|
20 |
+
element = $(element);
|
21 |
+
var options = Object.extend({
|
22 |
+
greedy: true,
|
23 |
+
hoverclass: null,
|
24 |
+
tree: false
|
25 |
+
}, arguments[1] || { });
|
26 |
+
|
27 |
+
// cache containers
|
28 |
+
if(options.containment) {
|
29 |
+
options._containers = [];
|
30 |
+
var containment = options.containment;
|
31 |
+
if(Object.isArray(containment)) {
|
32 |
+
containment.each( function(c) { options._containers.push($(c)) });
|
33 |
+
} else {
|
34 |
+
options._containers.push($(containment));
|
35 |
+
}
|
36 |
+
}
|
37 |
+
|
38 |
+
if(options.accept) options.accept = [options.accept].flatten();
|
39 |
+
|
40 |
+
Element.makePositioned(element); // fix IE
|
41 |
+
options.element = element;
|
42 |
+
|
43 |
+
this.drops.push(options);
|
44 |
+
},
|
45 |
+
|
46 |
+
findDeepestChild: function(drops) {
|
47 |
+
deepest = drops[0];
|
48 |
+
|
49 |
+
for (i = 1; i < drops.length; ++i)
|
50 |
+
if (Element.isParent(drops[i].element, deepest.element))
|
51 |
+
deepest = drops[i];
|
52 |
+
|
53 |
+
return deepest;
|
54 |
+
},
|
55 |
+
|
56 |
+
isContained: function(element, drop) {
|
57 |
+
var containmentNode;
|
58 |
+
if(drop.tree) {
|
59 |
+
containmentNode = element.treeNode;
|
60 |
+
} else {
|
61 |
+
containmentNode = element.parentNode;
|
62 |
+
}
|
63 |
+
return drop._containers.detect(function(c) { return containmentNode == c });
|
64 |
+
},
|
65 |
+
|
66 |
+
isAffected: function(point, element, drop) {
|
67 |
+
return (
|
68 |
+
(drop.element!=element) &&
|
69 |
+
((!drop._containers) ||
|
70 |
+
this.isContained(element, drop)) &&
|
71 |
+
((!drop.accept) ||
|
72 |
+
(Element.classNames(element).detect(
|
73 |
+
function(v) { return drop.accept.include(v) } ) )) &&
|
74 |
+
Position.within(drop.element, point[0], point[1]) );
|
75 |
+
},
|
76 |
+
|
77 |
+
deactivate: function(drop) {
|
78 |
+
if(drop.hoverclass)
|
79 |
+
Element.removeClassName(drop.element, drop.hoverclass);
|
80 |
+
this.last_active = null;
|
81 |
+
},
|
82 |
+
|
83 |
+
activate: function(drop) {
|
84 |
+
if(drop.hoverclass)
|
85 |
+
Element.addClassName(drop.element, drop.hoverclass);
|
86 |
+
this.last_active = drop;
|
87 |
+
},
|
88 |
+
|
89 |
+
show: function(point, element) {
|
90 |
+
if(!this.drops.length) return;
|
91 |
+
var drop, affected = [];
|
92 |
+
|
93 |
+
this.drops.each( function(drop) {
|
94 |
+
if(Droppables.isAffected(point, element, drop))
|
95 |
+
affected.push(drop);
|
96 |
+
});
|
97 |
+
|
98 |
+
if(affected.length>0)
|
99 |
+
drop = Droppables.findDeepestChild(affected);
|
100 |
+
|
101 |
+
if(this.last_active && this.last_active != drop) this.deactivate(this.last_active);
|
102 |
+
if (drop) {
|
103 |
+
Position.within(drop.element, point[0], point[1]);
|
104 |
+
if(drop.onHover)
|
105 |
+
drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element));
|
106 |
+
|
107 |
+
if (drop != this.last_active) Droppables.activate(drop);
|
108 |
+
}
|
109 |
+
},
|
110 |
+
|
111 |
+
fire: function(event, element) {
|
112 |
+
if(!this.last_active) return;
|
113 |
+
Position.prepare();
|
114 |
+
|
115 |
+
if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active))
|
116 |
+
if (this.last_active.onDrop) {
|
117 |
+
this.last_active.onDrop(element, this.last_active.element, event);
|
118 |
+
return true;
|
119 |
+
}
|
120 |
+
},
|
121 |
+
|
122 |
+
reset: function() {
|
123 |
+
if(this.last_active)
|
124 |
+
this.deactivate(this.last_active);
|
125 |
+
}
|
126 |
+
};
|
127 |
+
|
128 |
+
var Draggables = {
|
129 |
+
drags: [],
|
130 |
+
observers: [],
|
131 |
+
|
132 |
+
register: function(draggable) {
|
133 |
+
if(this.drags.length == 0) {
|
134 |
+
this.eventMouseUp = this.endDrag.bindAsEventListener(this);
|
135 |
+
this.eventMouseMove = this.updateDrag.bindAsEventListener(this);
|
136 |
+
this.eventKeypress = this.keyPress.bindAsEventListener(this);
|
137 |
+
|
138 |
+
Event.observe(document, "mouseup", this.eventMouseUp);
|
139 |
+
Event.observe(draggable.element, "mousemove", this.eventMouseMove);
|
140 |
+
Event.observe(document, "keypress", this.eventKeypress);
|
141 |
+
}
|
142 |
+
this.drags.push(draggable);
|
143 |
+
},
|
144 |
+
|
145 |
+
unregister: function(draggable) {
|
146 |
+
this.drags = this.drags.reject(function(d) { return d==draggable });
|
147 |
+
if(this.drags.length == 0) {
|
148 |
+
Event.stopObserving(document, "mouseup", this.eventMouseUp);
|
149 |
+
Event.stopObserving(draggable.element, "mousemove", this.eventMouseMove);
|
150 |
+
Event.stopObserving(document, "keypress", this.eventKeypress);
|
151 |
+
}
|
152 |
+
},
|
153 |
+
|
154 |
+
activate: function(draggable) {
|
155 |
+
if(draggable.options.delay) {
|
156 |
+
this._timeout = setTimeout(function() {
|
157 |
+
Draggables._timeout = null;
|
158 |
+
window.focus();
|
159 |
+
Draggables.activeDraggable = draggable;
|
160 |
+
}.bind(this), draggable.options.delay);
|
161 |
+
} else {
|
162 |
+
window.focus(); // allows keypress events if window isn't currently focused, fails for Safari
|
163 |
+
this.activeDraggable = draggable;
|
164 |
+
}
|
165 |
+
},
|
166 |
+
|
167 |
+
deactivate: function() {
|
168 |
+
this.activeDraggable = null;
|
169 |
+
},
|
170 |
+
|
171 |
+
updateDrag: function(event) {
|
172 |
+
if(!this.activeDraggable) return;
|
173 |
+
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
174 |
+
// Mozilla-based browsers fire successive mousemove events with
|
175 |
+
// the same coordinates, prevent needless redrawing (moz bug?)
|
176 |
+
if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return;
|
177 |
+
this._lastPointer = pointer;
|
178 |
+
|
179 |
+
this.activeDraggable.updateDrag(event, pointer);
|
180 |
+
},
|
181 |
+
|
182 |
+
endDrag: function(event) {
|
183 |
+
if(this._timeout) {
|
184 |
+
clearTimeout(this._timeout);
|
185 |
+
this._timeout = null;
|
186 |
+
}
|
187 |
+
if(!this.activeDraggable) return;
|
188 |
+
this._lastPointer = null;
|
189 |
+
this.activeDraggable.endDrag(event);
|
190 |
+
this.activeDraggable = null;
|
191 |
+
},
|
192 |
+
|
193 |
+
keyPress: function(event) {
|
194 |
+
if(this.activeDraggable)
|
195 |
+
this.activeDraggable.keyPress(event);
|
196 |
+
},
|
197 |
+
|
198 |
+
addObserver: function(observer) {
|
199 |
+
this.observers.push(observer);
|
200 |
+
this._cacheObserverCallbacks();
|
201 |
+
},
|
202 |
+
|
203 |
+
removeObserver: function(element) { // element instead of observer fixes mem leaks
|
204 |
+
this.observers = this.observers.reject( function(o) { return o.element==element });
|
205 |
+
this._cacheObserverCallbacks();
|
206 |
+
},
|
207 |
+
|
208 |
+
notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag'
|
209 |
+
if(this[eventName+'Count'] > 0)
|
210 |
+
this.observers.each( function(o) {
|
211 |
+
if(o[eventName]) o[eventName](eventName, draggable, event);
|
212 |
+
});
|
213 |
+
if(draggable.options[eventName]) draggable.options[eventName](draggable, event);
|
214 |
+
},
|
215 |
+
|
216 |
+
_cacheObserverCallbacks: function() {
|
217 |
+
['onStart','onEnd','onDrag'].each( function(eventName) {
|
218 |
+
Draggables[eventName+'Count'] = Draggables.observers.select(
|
219 |
+
function(o) { return o[eventName]; }
|
220 |
+
).length;
|
221 |
+
});
|
222 |
+
}
|
223 |
+
};
|
224 |
+
|
225 |
+
/*--------------------------------------------------------------------------*/
|
226 |
+
|
227 |
+
var Draggable = Class.create({
|
228 |
+
initialize: function(element) {
|
229 |
+
var defaults = {
|
230 |
+
handle: false,
|
231 |
+
reverteffect: function(element, top_offset, left_offset) {
|
232 |
+
var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
|
233 |
+
new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur,
|
234 |
+
queue: {scope:'_draggable', position:'end'}
|
235 |
+
});
|
236 |
+
},
|
237 |
+
endeffect: function(element) {
|
238 |
+
var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0;
|
239 |
+
new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity,
|
240 |
+
queue: {scope:'_draggable', position:'end'},
|
241 |
+
afterFinish: function(){
|
242 |
+
Draggable._dragging[element] = false
|
243 |
+
}
|
244 |
+
});
|
245 |
+
},
|
246 |
+
zindex: 1000,
|
247 |
+
revert: false,
|
248 |
+
quiet: false,
|
249 |
+
scroll: false,
|
250 |
+
scrollSensitivity: 20,
|
251 |
+
scrollSpeed: 15,
|
252 |
+
snap: false, // false, or xy or [x,y] or function(x,y){ return [x,y] }
|
253 |
+
delay: 0
|
254 |
+
};
|
255 |
+
|
256 |
+
if(!arguments[1] || Object.isUndefined(arguments[1].endeffect))
|
257 |
+
Object.extend(defaults, {
|
258 |
+
starteffect: function(element) {
|
259 |
+
element._opacity = Element.getOpacity(element);
|
260 |
+
Draggable._dragging[element] = true;
|
261 |
+
new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7});
|
262 |
+
}
|
263 |
+
});
|
264 |
+
|
265 |
+
var options = Object.extend(defaults, arguments[1] || { });
|
266 |
+
|
267 |
+
this.element = $(element);
|
268 |
+
|
269 |
+
if(options.handle && Object.isString(options.handle))
|
270 |
+
this.handle = this.element.down('.'+options.handle, 0);
|
271 |
+
|
272 |
+
if(!this.handle) this.handle = $(options.handle);
|
273 |
+
if(!this.handle) this.handle = this.element;
|
274 |
+
|
275 |
+
if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) {
|
276 |
+
options.scroll = $(options.scroll);
|
277 |
+
this._isScrollChild = Element.childOf(this.element, options.scroll);
|
278 |
+
}
|
279 |
+
|
280 |
+
Element.makePositioned(this.element); // fix IE
|
281 |
+
|
282 |
+
this.options = options;
|
283 |
+
this.dragging = false;
|
284 |
+
|
285 |
+
this.eventMouseDown = this.initDrag.bindAsEventListener(this);
|
286 |
+
Event.observe(this.handle, "mousedown", this.eventMouseDown);
|
287 |
+
|
288 |
+
Draggables.register(this);
|
289 |
+
},
|
290 |
+
|
291 |
+
destroy: function() {
|
292 |
+
Event.stopObserving(this.handle, "mousedown", this.eventMouseDown);
|
293 |
+
Draggables.unregister(this);
|
294 |
+
},
|
295 |
+
|
296 |
+
currentDelta: function() {
|
297 |
+
return([
|
298 |
+
parseInt(Element.getStyle(this.element,'left') || '0'),
|
299 |
+
parseInt(Element.getStyle(this.element,'top') || '0')]);
|
300 |
+
},
|
301 |
+
|
302 |
+
initDrag: function(event) {
|
303 |
+
if(!Object.isUndefined(Draggable._dragging[this.element]) &&
|
304 |
+
Draggable._dragging[this.element]) return;
|
305 |
+
if(Event.isLeftClick(event)) {
|
306 |
+
// abort on form elements, fixes a Firefox issue
|
307 |
+
var src = Event.element(event);
|
308 |
+
if((tag_name = src.tagName.toUpperCase()) && (
|
309 |
+
tag_name=='INPUT' ||
|
310 |
+
tag_name=='SELECT' ||
|
311 |
+
tag_name=='OPTION' ||
|
312 |
+
tag_name=='BUTTON' ||
|
313 |
+
tag_name=='TEXTAREA')) return;
|
314 |
+
|
315 |
+
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
316 |
+
var pos = Position.cumulativeOffset(this.element);
|
317 |
+
this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) });
|
318 |
+
|
319 |
+
Draggables.activate(this);
|
320 |
+
Event.stop(event);
|
321 |
+
}
|
322 |
+
},
|
323 |
+
|
324 |
+
startDrag: function(event) {
|
325 |
+
this.dragging = true;
|
326 |
+
if(!this.delta)
|
327 |
+
this.delta = this.currentDelta();
|
328 |
+
|
329 |
+
if(this.options.zindex) {
|
330 |
+
this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);
|
331 |
+
this.element.style.zIndex = this.options.zindex;
|
332 |
+
}
|
333 |
+
|
334 |
+
if(this.options.ghosting) {
|
335 |
+
this._clone = this.element.cloneNode(true);
|
336 |
+
this._originallyAbsolute = (this.element.getStyle('position') == 'absolute');
|
337 |
+
if (!this._originallyAbsolute)
|
338 |
+
Position.absolutize(this.element);
|
339 |
+
this.element.parentNode.insertBefore(this._clone, this.element);
|
340 |
+
}
|
341 |
+
|
342 |
+
if(this.options.scroll) {
|
343 |
+
if (this.options.scroll == window) {
|
344 |
+
var where = this._getWindowScroll(this.options.scroll);
|
345 |
+
this.originalScrollLeft = where.left;
|
346 |
+
this.originalScrollTop = where.top;
|
347 |
+
} else {
|
348 |
+
this.originalScrollLeft = this.options.scroll.scrollLeft;
|
349 |
+
this.originalScrollTop = this.options.scroll.scrollTop;
|
350 |
+
}
|
351 |
+
}
|
352 |
+
|
353 |
+
Draggables.notify('onStart', this, event);
|
354 |
+
|
355 |
+
if(this.options.starteffect) this.options.starteffect(this.element);
|
356 |
+
},
|
357 |
+
|
358 |
+
updateDrag: function(event, pointer) {
|
359 |
+
if(!this.dragging) this.startDrag(event);
|
360 |
+
|
361 |
+
if(!this.options.quiet){
|
362 |
+
Position.prepare();
|
363 |
+
Droppables.show(pointer, this.element);
|
364 |
+
}
|
365 |
+
|
366 |
+
Draggables.notify('onDrag', this, event);
|
367 |
+
|
368 |
+
this.draw(pointer);
|
369 |
+
if(this.options.change) this.options.change(this);
|
370 |
+
|
371 |
+
if(this.options.scroll) {
|
372 |
+
this.stopScrolling();
|
373 |
+
|
374 |
+
var p;
|
375 |
+
if (this.options.scroll == window) {
|
376 |
+
with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }
|
377 |
+
} else {
|
378 |
+
p = Position.page(this.options.scroll);
|
379 |
+
p[0] += this.options.scroll.scrollLeft + Position.deltaX;
|
380 |
+
p[1] += this.options.scroll.scrollTop + Position.deltaY;
|
381 |
+
p.push(p[0]+this.options.scroll.offsetWidth);
|
382 |
+
p.push(p[1]+this.options.scroll.offsetHeight);
|
383 |
+
}
|
384 |
+
var speed = [0,0];
|
385 |
+
if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity);
|
386 |
+
if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity);
|
387 |
+
if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity);
|
388 |
+
if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity);
|
389 |
+
this.startScrolling(speed);
|
390 |
+
}
|
391 |
+
|
392 |
+
// fix AppleWebKit rendering
|
393 |
+
if(Prototype.Browser.WebKit) window.scrollBy(0,0);
|
394 |
+
|
395 |
+
Event.stop(event);
|
396 |
+
},
|
397 |
+
|
398 |
+
finishDrag: function(event, success) {
|
399 |
+
this.dragging = false;
|
400 |
+
|
401 |
+
if(this.options.quiet){
|
402 |
+
Position.prepare();
|
403 |
+
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
404 |
+
Droppables.show(pointer, this.element);
|
405 |
+
}
|
406 |
+
|
407 |
+
if(this.options.ghosting) {
|
408 |
+
if (!this._originallyAbsolute)
|
409 |
+
Position.relativize(this.element);
|
410 |
+
delete this._originallyAbsolute;
|
411 |
+
Element.remove(this._clone);
|
412 |
+
this._clone = null;
|
413 |
+
}
|
414 |
+
|
415 |
+
var dropped = false;
|
416 |
+
if(success) {
|
417 |
+
dropped = Droppables.fire(event, this.element);
|
418 |
+
if (!dropped) dropped = false;
|
419 |
+
}
|
420 |
+
if(dropped && this.options.onDropped) this.options.onDropped(this.element);
|
421 |
+
Draggables.notify('onEnd', this, event);
|
422 |
+
|
423 |
+
var revert = this.options.revert;
|
424 |
+
if(revert && Object.isFunction(revert)) revert = revert(this.element);
|
425 |
+
|
426 |
+
var d = this.currentDelta();
|
427 |
+
if(revert && this.options.reverteffect) {
|
428 |
+
if (dropped == 0 || revert != 'failure')
|
429 |
+
this.options.reverteffect(this.element,
|
430 |
+
d[1]-this.delta[1], d[0]-this.delta[0]);
|
431 |
+
} else {
|
432 |
+
this.delta = d;
|
433 |
+
}
|
434 |
+
|
435 |
+
if(this.options.zindex)
|
436 |
+
this.element.style.zIndex = this.originalZ;
|
437 |
+
|
438 |
+
if(this.options.endeffect)
|
439 |
+
this.options.endeffect(this.element);
|
440 |
+
|
441 |
+
Draggables.deactivate(this);
|
442 |
+
Droppables.reset();
|
443 |
+
},
|
444 |
+
|
445 |
+
keyPress: function(event) {
|
446 |
+
if(event.keyCode!=Event.KEY_ESC) return;
|
447 |
+
this.finishDrag(event, false);
|
448 |
+
Event.stop(event);
|
449 |
+
},
|
450 |
+
|
451 |
+
endDrag: function(event) {
|
452 |
+
if(!this.dragging) return;
|
453 |
+
this.stopScrolling();
|
454 |
+
this.finishDrag(event, true);
|
455 |
+
Event.stop(event);
|
456 |
+
},
|
457 |
+
|
458 |
+
draw: function(point) {
|
459 |
+
var pos = Position.cumulativeOffset(this.element);
|
460 |
+
if(this.options.ghosting) {
|
461 |
+
var r = Position.realOffset(this.element);
|
462 |
+
pos[0] += r[0] - Position.deltaX; pos[1] += r[1] - Position.deltaY;
|
463 |
+
}
|
464 |
+
|
465 |
+
var d = this.currentDelta();
|
466 |
+
pos[0] -= d[0]; pos[1] -= d[1];
|
467 |
+
|
468 |
+
if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) {
|
469 |
+
pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft;
|
470 |
+
pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop;
|
471 |
+
}
|
472 |
+
|
473 |
+
var p = [0,1].map(function(i){
|
474 |
+
return (point[i]-pos[i]-this.offset[i])
|
475 |
+
}.bind(this));
|
476 |
+
|
477 |
+
if(this.options.snap) {
|
478 |
+
if(Object.isFunction(this.options.snap)) {
|
479 |
+
p = this.options.snap(p[0],p[1],this);
|
480 |
+
} else {
|
481 |
+
if(Object.isArray(this.options.snap)) {
|
482 |
+
p = p.map( function(v, i) {
|
483 |
+
return (v/this.options.snap[i]).round()*this.options.snap[i] }.bind(this));
|
484 |
+
} else {
|
485 |
+
p = p.map( function(v) {
|
486 |
+
return (v/this.options.snap).round()*this.options.snap }.bind(this));
|
487 |
+
}
|
488 |
+
}}
|
489 |
+
|
490 |
+
var style = this.element.style;
|
491 |
+
if((!this.options.constraint) || (this.options.constraint=='horizontal'))
|
492 |
+
style.left = p[0] + "px";
|
493 |
+
if((!this.options.constraint) || (this.options.constraint=='vertical'))
|
494 |
+
style.top = p[1] + "px";
|
495 |
+
|
496 |
+
if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering
|
497 |
+
},
|
498 |
+
|
499 |
+
stopScrolling: function() {
|
500 |
+
if(this.scrollInterval) {
|
501 |
+
clearInterval(this.scrollInterval);
|
502 |
+
this.scrollInterval = null;
|
503 |
+
Draggables._lastScrollPointer = null;
|
504 |
+
}
|
505 |
+
},
|
506 |
+
|
507 |
+
startScrolling: function(speed) {
|
508 |
+
if(!(speed[0] || speed[1])) return;
|
509 |
+
this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
|
510 |
+
this.lastScrolled = new Date();
|
511 |
+
this.scrollInterval = setInterval(this.scroll.bind(this), 10);
|
512 |
+
},
|
513 |
+
|
514 |
+
scroll: function() {
|
515 |
+
var current = new Date();
|
516 |
+
var delta = current - this.lastScrolled;
|
517 |
+
this.lastScrolled = current;
|
518 |
+
if(this.options.scroll == window) {
|
519 |
+
with (this._getWindowScroll(this.options.scroll)) {
|
520 |
+
if (this.scrollSpeed[0] || this.scrollSpeed[1]) {
|
521 |
+
var d = delta / 1000;
|
522 |
+
this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );
|
523 |
+
}
|
524 |
+
}
|
525 |
+
} else {
|
526 |
+
this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
|
527 |
+
this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000;
|
528 |
+
}
|
529 |
+
|
530 |
+
Position.prepare();
|
531 |
+
Droppables.show(Draggables._lastPointer, this.element);
|
532 |
+
Draggables.notify('onDrag', this);
|
533 |
+
if (this._isScrollChild) {
|
534 |
+
Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer);
|
535 |
+
Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000;
|
536 |
+
Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000;
|
537 |
+
if (Draggables._lastScrollPointer[0] < 0)
|
538 |
+
Draggables._lastScrollPointer[0] = 0;
|
539 |
+
if (Draggables._lastScrollPointer[1] < 0)
|
540 |
+
Draggables._lastScrollPointer[1] = 0;
|
541 |
+
this.draw(Draggables._lastScrollPointer);
|
542 |
+
}
|
543 |
+
|
544 |
+
if(this.options.change) this.options.change(this);
|
545 |
+
},
|
546 |
+
|
547 |
+
_getWindowScroll: function(w) {
|
548 |
+
var T, L, W, H;
|
549 |
+
with (w.document) {
|
550 |
+
if (w.document.documentElement && documentElement.scrollTop) {
|
551 |
+
T = documentElement.scrollTop;
|
552 |
+
L = documentElement.scrollLeft;
|
553 |
+
} else if (w.document.body) {
|
554 |
+
T = body.scrollTop;
|
555 |
+
L = body.scrollLeft;
|
556 |
+
}
|
557 |
+
if (w.innerWidth) {
|
558 |
+
W = w.innerWidth;
|
559 |
+
H = w.innerHeight;
|
560 |
+
} else if (w.document.documentElement && documentElement.clientWidth) {
|
561 |
+
W = documentElement.clientWidth;
|
562 |
+
H = documentElement.clientHeight;
|
563 |
+
} else {
|
564 |
+
W = body.offsetWidth;
|
565 |
+
H = body.offsetHeight;
|
566 |
+
}
|
567 |
+
}
|
568 |
+
return { top: T, left: L, width: W, height: H };
|
569 |
+
}
|
570 |
+
});
|
571 |
+
|
572 |
+
Draggable._dragging = { };
|
573 |
+
|
574 |
+
/*--------------------------------------------------------------------------*/
|
575 |
+
|
576 |
+
var SortableObserver = Class.create({
|
577 |
+
initialize: function(element, observer) {
|
578 |
+
this.element = $(element);
|
579 |
+
this.observer = observer;
|
580 |
+
this.lastValue = Sortable.serialize(this.element);
|
581 |
+
},
|
582 |
+
|
583 |
+
onStart: function() {
|
584 |
+
this.lastValue = Sortable.serialize(this.element);
|
585 |
+
},
|
586 |
+
|
587 |
+
onEnd: function() {
|
588 |
+
Sortable.unmark();
|
589 |
+
if(this.lastValue != Sortable.serialize(this.element))
|
590 |
+
this.observer(this.element)
|
591 |
+
}
|
592 |
+
});
|
593 |
+
|
594 |
+
var Sortable = {
|
595 |
+
SERIALIZE_RULE: /^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/,
|
596 |
+
|
597 |
+
sortables: { },
|
598 |
+
|
599 |
+
_findRootElement: function(element) {
|
600 |
+
while (element.tagName.toUpperCase() != "BODY") {
|
601 |
+
if(element.id && Sortable.sortables[element.id]) return element;
|
602 |
+
element = element.parentNode;
|
603 |
+
}
|
604 |
+
},
|
605 |
+
|
606 |
+
options: function(element) {
|
607 |
+
element = Sortable._findRootElement($(element));
|
608 |
+
if(!element) return;
|
609 |
+
return Sortable.sortables[element.id];
|
610 |
+
},
|
611 |
+
|
612 |
+
destroy: function(element){
|
613 |
+
element = $(element);
|
614 |
+
var s = Sortable.sortables[element.id];
|
615 |
+
|
616 |
+
if(s) {
|
617 |
+
Draggables.removeObserver(s.element);
|
618 |
+
s.droppables.each(function(d){ Droppables.remove(d) });
|
619 |
+
s.draggables.invoke('destroy');
|
620 |
+
|
621 |
+
delete Sortable.sortables[s.element.id];
|
622 |
+
}
|
623 |
+
},
|
624 |
+
|
625 |
+
create: function(element) {
|
626 |
+
element = $(element);
|
627 |
+
var options = Object.extend({
|
628 |
+
element: element,
|
629 |
+
tag: 'li', // assumes li children, override with tag: 'tagname'
|
630 |
+
dropOnEmpty: false,
|
631 |
+
tree: false,
|
632 |
+
treeTag: 'ul',
|
633 |
+
overlap: 'vertical', // one of 'vertical', 'horizontal'
|
634 |
+
constraint: 'vertical', // one of 'vertical', 'horizontal', false
|
635 |
+
containment: element, // also takes array of elements (or id's); or false
|
636 |
+
handle: false, // or a CSS class
|
637 |
+
only: false,
|
638 |
+
delay: 0,
|
639 |
+
hoverclass: null,
|
640 |
+
ghosting: false,
|
641 |
+
quiet: false,
|
642 |
+
scroll: false,
|
643 |
+
scrollSensitivity: 20,
|
644 |
+
scrollSpeed: 15,
|
645 |
+
format: this.SERIALIZE_RULE,
|
646 |
+
|
647 |
+
// these take arrays of elements or ids and can be
|
648 |
+
// used for better initialization performance
|
649 |
+
elements: false,
|
650 |
+
handles: false,
|
651 |
+
|
652 |
+
onChange: Prototype.emptyFunction,
|
653 |
+
onUpdate: Prototype.emptyFunction
|
654 |
+
}, arguments[1] || { });
|
655 |
+
|
656 |
+
// clear any old sortable with same element
|
657 |
+
this.destroy(element);
|
658 |
+
|
659 |
+
// build options for the draggables
|
660 |
+
var options_for_draggable = {
|
661 |
+
revert: true,
|
662 |
+
quiet: options.quiet,
|
663 |
+
scroll: options.scroll,
|
664 |
+
scrollSpeed: options.scrollSpeed,
|
665 |
+
scrollSensitivity: options.scrollSensitivity,
|
666 |
+
delay: options.delay,
|
667 |
+
ghosting: options.ghosting,
|
668 |
+
constraint: options.constraint,
|
669 |
+
handle: options.handle };
|
670 |
+
|
671 |
+
if(options.starteffect)
|
672 |
+
options_for_draggable.starteffect = options.starteffect;
|
673 |
+
|
674 |
+
if(options.reverteffect)
|
675 |
+
options_for_draggable.reverteffect = options.reverteffect;
|
676 |
+
else
|
677 |
+
if(options.ghosting) options_for_draggable.reverteffect = function(element) {
|
678 |
+
element.style.top = 0;
|
679 |
+
element.style.left = 0;
|
680 |
+
};
|
681 |
+
|
682 |
+
if(options.endeffect)
|
683 |
+
options_for_draggable.endeffect = options.endeffect;
|
684 |
+
|
685 |
+
if(options.zindex)
|
686 |
+
options_for_draggable.zindex = options.zindex;
|
687 |
+
|
688 |
+
// build options for the droppables
|
689 |
+
var options_for_droppable = {
|
690 |
+
overlap: options.overlap,
|
691 |
+
containment: options.containment,
|
692 |
+
tree: options.tree,
|
693 |
+
hoverclass: options.hoverclass,
|
694 |
+
onHover: Sortable.onHover
|
695 |
+
};
|
696 |
+
|
697 |
+
var options_for_tree = {
|
698 |
+
onHover: Sortable.onEmptyHover,
|
699 |
+
overlap: options.overlap,
|
700 |
+
containment: options.containment,
|
701 |
+
hoverclass: options.hoverclass
|
702 |
+
};
|
703 |
+
|
704 |
+
// fix for gecko engine
|
705 |
+
Element.cleanWhitespace(element);
|
706 |
+
|
707 |
+
options.draggables = [];
|
708 |
+
options.droppables = [];
|
709 |
+
|
710 |
+
// drop on empty handling
|
711 |
+
if(options.dropOnEmpty || options.tree) {
|
712 |
+
Droppables.add(element, options_for_tree);
|
713 |
+
options.droppables.push(element);
|
714 |
+
}
|
715 |
+
|
716 |
+
(options.elements || this.findElements(element, options) || []).each( function(e,i) {
|
717 |
+
var handle = options.handles ? $(options.handles[i]) :
|
718 |
+
(options.handle ? $(e).select('.' + options.handle)[0] : e);
|
719 |
+
options.draggables.push(
|
720 |
+
new Draggable(e, Object.extend(options_for_draggable, { handle: handle })));
|
721 |
+
Droppables.add(e, options_for_droppable);
|
722 |
+
if(options.tree) e.treeNode = element;
|
723 |
+
options.droppables.push(e);
|
724 |
+
});
|
725 |
+
|
726 |
+
if(options.tree) {
|
727 |
+
(Sortable.findTreeElements(element, options) || []).each( function(e) {
|
728 |
+
Droppables.add(e, options_for_tree);
|
729 |
+
e.treeNode = element;
|
730 |
+
options.droppables.push(e);
|
731 |
+
});
|
732 |
+
}
|
733 |
+
|
734 |
+
// keep reference
|
735 |
+
this.sortables[element.id] = options;
|
736 |
+
|
737 |
+
// for onupdate
|
738 |
+
Draggables.addObserver(new SortableObserver(element, options.onUpdate));
|
739 |
+
|
740 |
+
},
|
741 |
+
|
742 |
+
// return all suitable-for-sortable elements in a guaranteed order
|
743 |
+
findElements: function(element, options) {
|
744 |
+
return Element.findChildren(
|
745 |
+
element, options.only, options.tree ? true : false, options.tag);
|
746 |
+
},
|
747 |
+
|
748 |
+
findTreeElements: function(element, options) {
|
749 |
+
return Element.findChildren(
|
750 |
+
element, options.only, options.tree ? true : false, options.treeTag);
|
751 |
+
},
|
752 |
+
|
753 |
+
onHover: function(element, dropon, overlap) {
|
754 |
+
if(Element.isParent(dropon, element)) return;
|
755 |
+
|
756 |
+
if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) {
|
757 |
+
return;
|
758 |
+
} else if(overlap>0.5) {
|
759 |
+
Sortable.mark(dropon, 'before');
|
760 |
+
if(dropon.previousSibling != element) {
|
761 |
+
var oldParentNode = element.parentNode;
|
762 |
+
element.style.visibility = "hidden"; // fix gecko rendering
|
763 |
+
dropon.parentNode.insertBefore(element, dropon);
|
764 |
+
if(dropon.parentNode!=oldParentNode)
|
765 |
+
Sortable.options(oldParentNode).onChange(element);
|
766 |
+
Sortable.options(dropon.parentNode).onChange(element);
|
767 |
+
}
|
768 |
+
} else {
|
769 |
+
Sortable.mark(dropon, 'after');
|
770 |
+
var nextElement = dropon.nextSibling || null;
|
771 |
+
if(nextElement != element) {
|
772 |
+
var oldParentNode = element.parentNode;
|
773 |
+
element.style.visibility = "hidden"; // fix gecko rendering
|
774 |
+
dropon.parentNode.insertBefore(element, nextElement);
|
775 |
+
if(dropon.parentNode!=oldParentNode)
|
776 |
+
Sortable.options(oldParentNode).onChange(element);
|
777 |
+
Sortable.options(dropon.parentNode).onChange(element);
|
778 |
+
}
|
779 |
+
}
|
780 |
+
},
|
781 |
+
|
782 |
+
onEmptyHover: function(element, dropon, overlap) {
|
783 |
+
var oldParentNode = element.parentNode;
|
784 |
+
var droponOptions = Sortable.options(dropon);
|
785 |
+
|
786 |
+
if(!Element.isParent(dropon, element)) {
|
787 |
+
var index;
|
788 |
+
|
789 |
+
var children = Sortable.findElements(dropon, {tag: droponOptions.tag, only: droponOptions.only});
|
790 |
+
var child = null;
|
791 |
+
|
792 |
+
if(children) {
|
793 |
+
var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap);
|
794 |
+
|
795 |
+
for (index = 0; index < children.length; index += 1) {
|
796 |
+
if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) {
|
797 |
+
offset -= Element.offsetSize (children[index], droponOptions.overlap);
|
798 |
+
} else if (offset - (Element.offsetSize (children[index], droponOptions.overlap) / 2) >= 0) {
|
799 |
+
child = index + 1 < children.length ? children[index + 1] : null;
|
800 |
+
break;
|
801 |
+
} else {
|
802 |
+
child = children[index];
|
803 |
+
break;
|
804 |
+
}
|
805 |
+
}
|
806 |
+
}
|
807 |
+
|
808 |
+
dropon.insertBefore(element, child);
|
809 |
+
|
810 |
+
Sortable.options(oldParentNode).onChange(element);
|
811 |
+
droponOptions.onChange(element);
|
812 |
+
}
|
813 |
+
},
|
814 |
+
|
815 |
+
unmark: function() {
|
816 |
+
if(Sortable._marker) Sortable._marker.hide();
|
817 |
+
},
|
818 |
+
|
819 |
+
mark: function(dropon, position) {
|
820 |
+
// mark on ghosting only
|
821 |
+
var sortable = Sortable.options(dropon.parentNode);
|
822 |
+
if(sortable && !sortable.ghosting) return;
|
823 |
+
|
824 |
+
if(!Sortable._marker) {
|
825 |
+
Sortable._marker =
|
826 |
+
($('dropmarker') || Element.extend(document.createElement('DIV'))).
|
827 |
+
hide().addClassName('dropmarker').setStyle({position:'absolute'});
|
828 |
+
document.getElementsByTagName("body").item(0).appendChild(Sortable._marker);
|
829 |
+
}
|
830 |
+
var offsets = Position.cumulativeOffset(dropon);
|
831 |
+
Sortable._marker.setStyle({left: offsets[0]+'px', top: offsets[1] + 'px'});
|
832 |
+
|
833 |
+
if(position=='after')
|
834 |
+
if(sortable.overlap == 'horizontal')
|
835 |
+
Sortable._marker.setStyle({left: (offsets[0]+dropon.clientWidth) + 'px'});
|
836 |
+
else
|
837 |
+
Sortable._marker.setStyle({top: (offsets[1]+dropon.clientHeight) + 'px'});
|
838 |
+
|
839 |
+
Sortable._marker.show();
|
840 |
+
},
|
841 |
+
|
842 |
+
_tree: function(element, options, parent) {
|
843 |
+
var children = Sortable.findElements(element, options) || [];
|
844 |
+
|
845 |
+
for (var i = 0; i < children.length; ++i) {
|
846 |
+
var match = children[i].id.match(options.format);
|
847 |
+
|
848 |
+
if (!match) continue;
|
849 |
+
|
850 |
+
var child = {
|
851 |
+
id: encodeURIComponent(match ? match[1] : null),
|
852 |
+
element: element,
|
853 |
+
parent: parent,
|
854 |
+
children: [],
|
855 |
+
position: parent.children.length,
|
856 |
+
container: $(children[i]).down(options.treeTag)
|
857 |
+
};
|
858 |
+
|
859 |
+
/* Get the element containing the children and recurse over it */
|
860 |
+
if (child.container)
|
861 |
+
this._tree(child.container, options, child);
|
862 |
+
|
863 |
+
parent.children.push (child);
|
864 |
+
}
|
865 |
+
|
866 |
+
return parent;
|
867 |
+
},
|
868 |
+
|
869 |
+
tree: function(element) {
|
870 |
+
element = $(element);
|
871 |
+
var sortableOptions = this.options(element);
|
872 |
+
var options = Object.extend({
|
873 |
+
tag: sortableOptions.tag,
|
874 |
+
treeTag: sortableOptions.treeTag,
|
875 |
+
only: sortableOptions.only,
|
876 |
+
name: element.id,
|
877 |
+
format: sortableOptions.format
|
878 |
+
}, arguments[1] || { });
|
879 |
+
|
880 |
+
var root = {
|
881 |
+
id: null,
|
882 |
+
parent: null,
|
883 |
+
children: [],
|
884 |
+
container: element,
|
885 |
+
position: 0
|
886 |
+
};
|
887 |
+
|
888 |
+
return Sortable._tree(element, options, root);
|
889 |
+
},
|
890 |
+
|
891 |
+
/* Construct a [i] index for a particular node */
|
892 |
+
_constructIndex: function(node) {
|
893 |
+
var index = '';
|
894 |
+
do {
|
895 |
+
if (node.id) index = '[' + node.position + ']' + index;
|
896 |
+
} while ((node = node.parent) != null);
|
897 |
+
return index;
|
898 |
+
},
|
899 |
+
|
900 |
+
sequence: function(element) {
|
901 |
+
element = $(element);
|
902 |
+
var options = Object.extend(this.options(element), arguments[1] || { });
|
903 |
+
|
904 |
+
return $(this.findElements(element, options) || []).map( function(item) {
|
905 |
+
return item.id.match(options.format) ? item.id.match(options.format)[1] : '';
|
906 |
+
});
|
907 |
+
},
|
908 |
+
|
909 |
+
setSequence: function(element, new_sequence) {
|
910 |
+
element = $(element);
|
911 |
+
var options = Object.extend(this.options(element), arguments[2] || { });
|
912 |
+
|
913 |
+
var nodeMap = { };
|
914 |
+
this.findElements(element, options).each( function(n) {
|
915 |
+
if (n.id.match(options.format))
|
916 |
+
nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode];
|
917 |
+
n.parentNode.removeChild(n);
|
918 |
+
});
|
919 |
+
|
920 |
+
new_sequence.each(function(ident) {
|
921 |
+
var n = nodeMap[ident];
|
922 |
+
if (n) {
|
923 |
+
n[1].appendChild(n[0]);
|
924 |
+
delete nodeMap[ident];
|
925 |
+
}
|
926 |
+
});
|
927 |
+
},
|
928 |
+
|
929 |
+
serialize: function(element) {
|
930 |
+
element = $(element);
|
931 |
+
var options = Object.extend(Sortable.options(element), arguments[1] || { });
|
932 |
+
var name = encodeURIComponent(
|
933 |
+
(arguments[1] && arguments[1].name) ? arguments[1].name : element.id);
|
934 |
+
|
935 |
+
if (options.tree) {
|
936 |
+
return Sortable.tree(element, arguments[1]).children.map( function (item) {
|
937 |
+
return [name + Sortable._constructIndex(item) + "[id]=" +
|
938 |
+
encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));
|
939 |
+
}).flatten().join('&');
|
940 |
+
} else {
|
941 |
+
return Sortable.sequence(element, arguments[1]).map( function(item) {
|
942 |
+
return name + "[]=" + encodeURIComponent(item);
|
943 |
+
}).join('&');
|
944 |
+
}
|
945 |
+
}
|
946 |
+
};
|
947 |
+
|
948 |
+
// Returns true if child is contained within element
|
949 |
+
Element.isParent = function(child, element) {
|
950 |
+
if (!child.parentNode || child == element) return false;
|
951 |
+
if (child.parentNode == element) return true;
|
952 |
+
return Element.isParent(child.parentNode, element);
|
953 |
+
};
|
954 |
+
|
955 |
+
Element.findChildren = function(element, only, recursive, tagName) {
|
956 |
+
if(!element.hasChildNodes()) return null;
|
957 |
+
tagName = tagName.toUpperCase();
|
958 |
+
if(only) only = [only].flatten();
|
959 |
+
var elements = [];
|
960 |
+
$A(element.childNodes).each( function(e) {
|
961 |
+
if(e.tagName && e.tagName.toUpperCase()==tagName &&
|
962 |
+
(!only || (Element.classNames(e).detect(function(v) { return only.include(v) }))))
|
963 |
+
elements.push(e);
|
964 |
+
if(recursive) {
|
965 |
+
var grandchildren = Element.findChildren(e, only, recursive, tagName);
|
966 |
+
if(grandchildren) elements.push(grandchildren);
|
967 |
+
}
|
968 |
+
});
|
969 |
+
|
970 |
+
return (elements.length>0 ? elements.flatten() : []);
|
971 |
+
};
|
972 |
+
|
973 |
+
Element.offsetSize = function (element, type) {
|
974 |
+
return element['offset' + ((type=='vertical' || type=='height') ? 'Height' : 'Width')];
|
975 |
+
};
|
js/scriptaculous/effects.js
ADDED
@@ -0,0 +1,1130 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us effects.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
// Contributors:
|
5 |
+
// Justin Palmer (http://encytemedia.com/)
|
6 |
+
// Mark Pilgrim (http://diveintomark.org/)
|
7 |
+
// Martin Bialasinki
|
8 |
+
//
|
9 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
10 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
11 |
+
|
12 |
+
// converts rgb() and #xxx to #xxxxxx format,
|
13 |
+
// returns self (or first argument) if not convertable
|
14 |
+
String.prototype.parseColor = function() {
|
15 |
+
var color = '#';
|
16 |
+
if (this.slice(0,4) == 'rgb(') {
|
17 |
+
var cols = this.slice(4,this.length-1).split(',');
|
18 |
+
var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);
|
19 |
+
} else {
|
20 |
+
if (this.slice(0,1) == '#') {
|
21 |
+
if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();
|
22 |
+
if (this.length==7) color = this.toLowerCase();
|
23 |
+
}
|
24 |
+
}
|
25 |
+
return (color.length==7 ? color : (arguments[0] || this));
|
26 |
+
};
|
27 |
+
|
28 |
+
/*--------------------------------------------------------------------------*/
|
29 |
+
|
30 |
+
Element.collectTextNodes = function(element) {
|
31 |
+
return $A($(element).childNodes).collect( function(node) {
|
32 |
+
return (node.nodeType==3 ? node.nodeValue :
|
33 |
+
(node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
|
34 |
+
}).flatten().join('');
|
35 |
+
};
|
36 |
+
|
37 |
+
Element.collectTextNodesIgnoreClass = function(element, className) {
|
38 |
+
return $A($(element).childNodes).collect( function(node) {
|
39 |
+
return (node.nodeType==3 ? node.nodeValue :
|
40 |
+
((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
|
41 |
+
Element.collectTextNodesIgnoreClass(node, className) : ''));
|
42 |
+
}).flatten().join('');
|
43 |
+
};
|
44 |
+
|
45 |
+
Element.setContentZoom = function(element, percent) {
|
46 |
+
element = $(element);
|
47 |
+
element.setStyle({fontSize: (percent/100) + 'em'});
|
48 |
+
if (Prototype.Browser.WebKit) window.scrollBy(0,0);
|
49 |
+
return element;
|
50 |
+
};
|
51 |
+
|
52 |
+
Element.getInlineOpacity = function(element){
|
53 |
+
return $(element).style.opacity || '';
|
54 |
+
};
|
55 |
+
|
56 |
+
Element.forceRerendering = function(element) {
|
57 |
+
try {
|
58 |
+
element = $(element);
|
59 |
+
var n = document.createTextNode(' ');
|
60 |
+
element.appendChild(n);
|
61 |
+
element.removeChild(n);
|
62 |
+
} catch(e) { }
|
63 |
+
};
|
64 |
+
|
65 |
+
/*--------------------------------------------------------------------------*/
|
66 |
+
|
67 |
+
var Effect = {
|
68 |
+
_elementDoesNotExistError: {
|
69 |
+
name: 'ElementDoesNotExistError',
|
70 |
+
message: 'The specified DOM element does not exist, but is required for this effect to operate'
|
71 |
+
},
|
72 |
+
Transitions: {
|
73 |
+
linear: Prototype.K,
|
74 |
+
sinoidal: function(pos) {
|
75 |
+
return (-Math.cos(pos*Math.PI)/2) + .5;
|
76 |
+
},
|
77 |
+
reverse: function(pos) {
|
78 |
+
return 1-pos;
|
79 |
+
},
|
80 |
+
flicker: function(pos) {
|
81 |
+
var pos = ((-Math.cos(pos*Math.PI)/4) + .75) + Math.random()/4;
|
82 |
+
return pos > 1 ? 1 : pos;
|
83 |
+
},
|
84 |
+
wobble: function(pos) {
|
85 |
+
return (-Math.cos(pos*Math.PI*(9*pos))/2) + .5;
|
86 |
+
},
|
87 |
+
pulse: function(pos, pulses) {
|
88 |
+
return (-Math.cos((pos*((pulses||5)-.5)*2)*Math.PI)/2) + .5;
|
89 |
+
},
|
90 |
+
spring: function(pos) {
|
91 |
+
return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6));
|
92 |
+
},
|
93 |
+
none: function(pos) {
|
94 |
+
return 0;
|
95 |
+
},
|
96 |
+
full: function(pos) {
|
97 |
+
return 1;
|
98 |
+
}
|
99 |
+
},
|
100 |
+
DefaultOptions: {
|
101 |
+
duration: 1.0, // seconds
|
102 |
+
fps: 100, // 100= assume 66fps max.
|
103 |
+
sync: false, // true for combining
|
104 |
+
from: 0.0,
|
105 |
+
to: 1.0,
|
106 |
+
delay: 0.0,
|
107 |
+
queue: 'parallel'
|
108 |
+
},
|
109 |
+
tagifyText: function(element) {
|
110 |
+
var tagifyStyle = 'position:relative';
|
111 |
+
if (Prototype.Browser.IE) tagifyStyle += ';zoom:1';
|
112 |
+
|
113 |
+
element = $(element);
|
114 |
+
$A(element.childNodes).each( function(child) {
|
115 |
+
if (child.nodeType==3) {
|
116 |
+
child.nodeValue.toArray().each( function(character) {
|
117 |
+
element.insertBefore(
|
118 |
+
new Element('span', {style: tagifyStyle}).update(
|
119 |
+
character == ' ' ? String.fromCharCode(160) : character),
|
120 |
+
child);
|
121 |
+
});
|
122 |
+
Element.remove(child);
|
123 |
+
}
|
124 |
+
});
|
125 |
+
},
|
126 |
+
multiple: function(element, effect) {
|
127 |
+
var elements;
|
128 |
+
if (((typeof element == 'object') ||
|
129 |
+
Object.isFunction(element)) &&
|
130 |
+
(element.length))
|
131 |
+
elements = element;
|
132 |
+
else
|
133 |
+
elements = $(element).childNodes;
|
134 |
+
|
135 |
+
var options = Object.extend({
|
136 |
+
speed: 0.1,
|
137 |
+
delay: 0.0
|
138 |
+
}, arguments[2] || { });
|
139 |
+
var masterDelay = options.delay;
|
140 |
+
|
141 |
+
$A(elements).each( function(element, index) {
|
142 |
+
new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay }));
|
143 |
+
});
|
144 |
+
},
|
145 |
+
PAIRS: {
|
146 |
+
'slide': ['SlideDown','SlideUp'],
|
147 |
+
'blind': ['BlindDown','BlindUp'],
|
148 |
+
'appear': ['Appear','Fade']
|
149 |
+
},
|
150 |
+
toggle: function(element, effect) {
|
151 |
+
element = $(element);
|
152 |
+
effect = (effect || 'appear').toLowerCase();
|
153 |
+
var options = Object.extend({
|
154 |
+
queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
|
155 |
+
}, arguments[2] || { });
|
156 |
+
Effect[element.visible() ?
|
157 |
+
Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options);
|
158 |
+
}
|
159 |
+
};
|
160 |
+
|
161 |
+
Effect.DefaultOptions.transition = Effect.Transitions.sinoidal;
|
162 |
+
|
163 |
+
/* ------------- core effects ------------- */
|
164 |
+
|
165 |
+
Effect.ScopedQueue = Class.create(Enumerable, {
|
166 |
+
initialize: function() {
|
167 |
+
this.effects = [];
|
168 |
+
this.interval = null;
|
169 |
+
},
|
170 |
+
_each: function(iterator) {
|
171 |
+
this.effects._each(iterator);
|
172 |
+
},
|
173 |
+
add: function(effect) {
|
174 |
+
var timestamp = new Date().getTime();
|
175 |
+
|
176 |
+
var position = Object.isString(effect.options.queue) ?
|
177 |
+
effect.options.queue : effect.options.queue.position;
|
178 |
+
|
179 |
+
switch(position) {
|
180 |
+
case 'front':
|
181 |
+
// move unstarted effects after this effect
|
182 |
+
this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
|
183 |
+
e.startOn += effect.finishOn;
|
184 |
+
e.finishOn += effect.finishOn;
|
185 |
+
});
|
186 |
+
break;
|
187 |
+
case 'with-last':
|
188 |
+
timestamp = this.effects.pluck('startOn').max() || timestamp;
|
189 |
+
break;
|
190 |
+
case 'end':
|
191 |
+
// start effect after last queued effect has finished
|
192 |
+
timestamp = this.effects.pluck('finishOn').max() || timestamp;
|
193 |
+
break;
|
194 |
+
}
|
195 |
+
|
196 |
+
effect.startOn += timestamp;
|
197 |
+
effect.finishOn += timestamp;
|
198 |
+
|
199 |
+
if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit))
|
200 |
+
this.effects.push(effect);
|
201 |
+
|
202 |
+
if (!this.interval)
|
203 |
+
this.interval = setInterval(this.loop.bind(this), 15);
|
204 |
+
},
|
205 |
+
remove: function(effect) {
|
206 |
+
this.effects = this.effects.reject(function(e) { return e==effect });
|
207 |
+
if (this.effects.length == 0) {
|
208 |
+
clearInterval(this.interval);
|
209 |
+
this.interval = null;
|
210 |
+
}
|
211 |
+
},
|
212 |
+
loop: function() {
|
213 |
+
var timePos = new Date().getTime();
|
214 |
+
for(var i=0, len=this.effects.length;i<len;i++)
|
215 |
+
this.effects[i] && this.effects[i].loop(timePos);
|
216 |
+
}
|
217 |
+
});
|
218 |
+
|
219 |
+
Effect.Queues = {
|
220 |
+
instances: $H(),
|
221 |
+
get: function(queueName) {
|
222 |
+
if (!Object.isString(queueName)) return queueName;
|
223 |
+
|
224 |
+
return this.instances.get(queueName) ||
|
225 |
+
this.instances.set(queueName, new Effect.ScopedQueue());
|
226 |
+
}
|
227 |
+
};
|
228 |
+
Effect.Queue = Effect.Queues.get('global');
|
229 |
+
|
230 |
+
Effect.Base = Class.create({
|
231 |
+
position: null,
|
232 |
+
start: function(options) {
|
233 |
+
function codeForEvent(options,eventName){
|
234 |
+
return (
|
235 |
+
(options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') +
|
236 |
+
(options[eventName] ? 'this.options.'+eventName+'(this);' : '')
|
237 |
+
);
|
238 |
+
}
|
239 |
+
if (options && options.transition === false) options.transition = Effect.Transitions.linear;
|
240 |
+
this.options = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { });
|
241 |
+
this.currentFrame = 0;
|
242 |
+
this.state = 'idle';
|
243 |
+
this.startOn = this.options.delay*1000;
|
244 |
+
this.finishOn = this.startOn+(this.options.duration*1000);
|
245 |
+
this.fromToDelta = this.options.to-this.options.from;
|
246 |
+
this.totalTime = this.finishOn-this.startOn;
|
247 |
+
this.totalFrames = this.options.fps*this.options.duration;
|
248 |
+
|
249 |
+
this.render = (function() {
|
250 |
+
function dispatch(effect, eventName) {
|
251 |
+
if (effect.options[eventName + 'Internal'])
|
252 |
+
effect.options[eventName + 'Internal'](effect);
|
253 |
+
if (effect.options[eventName])
|
254 |
+
effect.options[eventName](effect);
|
255 |
+
}
|
256 |
+
|
257 |
+
return function(pos) {
|
258 |
+
if (this.state === "idle") {
|
259 |
+
this.state = "running";
|
260 |
+
dispatch(this, 'beforeSetup');
|
261 |
+
if (this.setup) this.setup();
|
262 |
+
dispatch(this, 'afterSetup');
|
263 |
+
}
|
264 |
+
if (this.state === "running") {
|
265 |
+
pos = (this.options.transition(pos) * this.fromToDelta) + this.options.from;
|
266 |
+
this.position = pos;
|
267 |
+
dispatch(this, 'beforeUpdate');
|
268 |
+
if (this.update) this.update(pos);
|
269 |
+
dispatch(this, 'afterUpdate');
|
270 |
+
}
|
271 |
+
};
|
272 |
+
})();
|
273 |
+
|
274 |
+
this.event('beforeStart');
|
275 |
+
if (!this.options.sync)
|
276 |
+
Effect.Queues.get(Object.isString(this.options.queue) ?
|
277 |
+
'global' : this.options.queue.scope).add(this);
|
278 |
+
},
|
279 |
+
loop: function(timePos) {
|
280 |
+
if (timePos >= this.startOn) {
|
281 |
+
if (timePos >= this.finishOn) {
|
282 |
+
this.render(1.0);
|
283 |
+
this.cancel();
|
284 |
+
this.event('beforeFinish');
|
285 |
+
if (this.finish) this.finish();
|
286 |
+
this.event('afterFinish');
|
287 |
+
return;
|
288 |
+
}
|
289 |
+
var pos = (timePos - this.startOn) / this.totalTime,
|
290 |
+
frame = (pos * this.totalFrames).round();
|
291 |
+
if (frame > this.currentFrame) {
|
292 |
+
this.render(pos);
|
293 |
+
this.currentFrame = frame;
|
294 |
+
}
|
295 |
+
}
|
296 |
+
},
|
297 |
+
cancel: function() {
|
298 |
+
if (!this.options.sync)
|
299 |
+
Effect.Queues.get(Object.isString(this.options.queue) ?
|
300 |
+
'global' : this.options.queue.scope).remove(this);
|
301 |
+
this.state = 'finished';
|
302 |
+
},
|
303 |
+
event: function(eventName) {
|
304 |
+
if (this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
|
305 |
+
if (this.options[eventName]) this.options[eventName](this);
|
306 |
+
},
|
307 |
+
inspect: function() {
|
308 |
+
var data = $H();
|
309 |
+
for(property in this)
|
310 |
+
if (!Object.isFunction(this[property])) data.set(property, this[property]);
|
311 |
+
return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>';
|
312 |
+
}
|
313 |
+
});
|
314 |
+
|
315 |
+
Effect.Parallel = Class.create(Effect.Base, {
|
316 |
+
initialize: function(effects) {
|
317 |
+
this.effects = effects || [];
|
318 |
+
this.start(arguments[1]);
|
319 |
+
},
|
320 |
+
update: function(position) {
|
321 |
+
this.effects.invoke('render', position);
|
322 |
+
},
|
323 |
+
finish: function(position) {
|
324 |
+
this.effects.each( function(effect) {
|
325 |
+
effect.render(1.0);
|
326 |
+
effect.cancel();
|
327 |
+
effect.event('beforeFinish');
|
328 |
+
if (effect.finish) effect.finish(position);
|
329 |
+
effect.event('afterFinish');
|
330 |
+
});
|
331 |
+
}
|
332 |
+
});
|
333 |
+
|
334 |
+
Effect.Tween = Class.create(Effect.Base, {
|
335 |
+
initialize: function(object, from, to) {
|
336 |
+
object = Object.isString(object) ? $(object) : object;
|
337 |
+
var args = $A(arguments), method = args.last(),
|
338 |
+
options = args.length == 5 ? args[3] : null;
|
339 |
+
this.method = Object.isFunction(method) ? method.bind(object) :
|
340 |
+
Object.isFunction(object[method]) ? object[method].bind(object) :
|
341 |
+
function(value) { object[method] = value };
|
342 |
+
this.start(Object.extend({ from: from, to: to }, options || { }));
|
343 |
+
},
|
344 |
+
update: function(position) {
|
345 |
+
this.method(position);
|
346 |
+
}
|
347 |
+
});
|
348 |
+
|
349 |
+
Effect.Event = Class.create(Effect.Base, {
|
350 |
+
initialize: function() {
|
351 |
+
this.start(Object.extend({ duration: 0 }, arguments[0] || { }));
|
352 |
+
},
|
353 |
+
update: Prototype.emptyFunction
|
354 |
+
});
|
355 |
+
|
356 |
+
Effect.Opacity = Class.create(Effect.Base, {
|
357 |
+
initialize: function(element) {
|
358 |
+
this.element = $(element);
|
359 |
+
if (!this.element) throw(Effect._elementDoesNotExistError);
|
360 |
+
// make this work on IE on elements without 'layout'
|
361 |
+
if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
|
362 |
+
this.element.setStyle({zoom: 1});
|
363 |
+
var options = Object.extend({
|
364 |
+
from: this.element.getOpacity() || 0.0,
|
365 |
+
to: 1.0
|
366 |
+
}, arguments[1] || { });
|
367 |
+
this.start(options);
|
368 |
+
},
|
369 |
+
update: function(position) {
|
370 |
+
this.element.setOpacity(position);
|
371 |
+
}
|
372 |
+
});
|
373 |
+
|
374 |
+
Effect.Move = Class.create(Effect.Base, {
|
375 |
+
initialize: function(element) {
|
376 |
+
this.element = $(element);
|
377 |
+
if (!this.element) throw(Effect._elementDoesNotExistError);
|
378 |
+
var options = Object.extend({
|
379 |
+
x: 0,
|
380 |
+
y: 0,
|
381 |
+
mode: 'relative'
|
382 |
+
}, arguments[1] || { });
|
383 |
+
this.start(options);
|
384 |
+
},
|
385 |
+
setup: function() {
|
386 |
+
this.element.makePositioned();
|
387 |
+
this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
|
388 |
+
this.originalTop = parseFloat(this.element.getStyle('top') || '0');
|
389 |
+
if (this.options.mode == 'absolute') {
|
390 |
+
this.options.x = this.options.x - this.originalLeft;
|
391 |
+
this.options.y = this.options.y - this.originalTop;
|
392 |
+
}
|
393 |
+
},
|
394 |
+
update: function(position) {
|
395 |
+
this.element.setStyle({
|
396 |
+
left: (this.options.x * position + this.originalLeft).round() + 'px',
|
397 |
+
top: (this.options.y * position + this.originalTop).round() + 'px'
|
398 |
+
});
|
399 |
+
}
|
400 |
+
});
|
401 |
+
|
402 |
+
// for backwards compatibility
|
403 |
+
Effect.MoveBy = function(element, toTop, toLeft) {
|
404 |
+
return new Effect.Move(element,
|
405 |
+
Object.extend({ x: toLeft, y: toTop }, arguments[3] || { }));
|
406 |
+
};
|
407 |
+
|
408 |
+
Effect.Scale = Class.create(Effect.Base, {
|
409 |
+
initialize: function(element, percent) {
|
410 |
+
this.element = $(element);
|
411 |
+
if (!this.element) throw(Effect._elementDoesNotExistError);
|
412 |
+
var options = Object.extend({
|
413 |
+
scaleX: true,
|
414 |
+
scaleY: true,
|
415 |
+
scaleContent: true,
|
416 |
+
scaleFromCenter: false,
|
417 |
+
scaleMode: 'box', // 'box' or 'contents' or { } with provided values
|
418 |
+
scaleFrom: 100.0,
|
419 |
+
scaleTo: percent
|
420 |
+
}, arguments[2] || { });
|
421 |
+
this.start(options);
|
422 |
+
},
|
423 |
+
setup: function() {
|
424 |
+
this.restoreAfterFinish = this.options.restoreAfterFinish || false;
|
425 |
+
this.elementPositioning = this.element.getStyle('position');
|
426 |
+
|
427 |
+
this.originalStyle = { };
|
428 |
+
['top','left','width','height','fontSize'].each( function(k) {
|
429 |
+
this.originalStyle[k] = this.element.style[k];
|
430 |
+
}.bind(this));
|
431 |
+
|
432 |
+
this.originalTop = this.element.offsetTop;
|
433 |
+
this.originalLeft = this.element.offsetLeft;
|
434 |
+
|
435 |
+
var fontSize = this.element.getStyle('font-size') || '100%';
|
436 |
+
['em','px','%','pt'].each( function(fontSizeType) {
|
437 |
+
if (fontSize.indexOf(fontSizeType)>0) {
|
438 |
+
this.fontSize = parseFloat(fontSize);
|
439 |
+
this.fontSizeType = fontSizeType;
|
440 |
+
}
|
441 |
+
}.bind(this));
|
442 |
+
|
443 |
+
this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;
|
444 |
+
|
445 |
+
this.dims = null;
|
446 |
+
if (this.options.scaleMode=='box')
|
447 |
+
this.dims = [this.element.offsetHeight, this.element.offsetWidth];
|
448 |
+
if (/^content/.test(this.options.scaleMode))
|
449 |
+
this.dims = [this.element.scrollHeight, this.element.scrollWidth];
|
450 |
+
if (!this.dims)
|
451 |
+
this.dims = [this.options.scaleMode.originalHeight,
|
452 |
+
this.options.scaleMode.originalWidth];
|
453 |
+
},
|
454 |
+
update: function(position) {
|
455 |
+
var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
|
456 |
+
if (this.options.scaleContent && this.fontSize)
|
457 |
+
this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
|
458 |
+
this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
|
459 |
+
},
|
460 |
+
finish: function(position) {
|
461 |
+
if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
|
462 |
+
},
|
463 |
+
setDimensions: function(height, width) {
|
464 |
+
var d = { };
|
465 |
+
if (this.options.scaleX) d.width = width.round() + 'px';
|
466 |
+
if (this.options.scaleY) d.height = height.round() + 'px';
|
467 |
+
if (this.options.scaleFromCenter) {
|
468 |
+
var topd = (height - this.dims[0])/2;
|
469 |
+
var leftd = (width - this.dims[1])/2;
|
470 |
+
if (this.elementPositioning == 'absolute') {
|
471 |
+
if (this.options.scaleY) d.top = this.originalTop-topd + 'px';
|
472 |
+
if (this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
|
473 |
+
} else {
|
474 |
+
if (this.options.scaleY) d.top = -topd + 'px';
|
475 |
+
if (this.options.scaleX) d.left = -leftd + 'px';
|
476 |
+
}
|
477 |
+
}
|
478 |
+
this.element.setStyle(d);
|
479 |
+
}
|
480 |
+
});
|
481 |
+
|
482 |
+
Effect.Highlight = Class.create(Effect.Base, {
|
483 |
+
initialize: function(element) {
|
484 |
+
this.element = $(element);
|
485 |
+
if (!this.element) throw(Effect._elementDoesNotExistError);
|
486 |
+
var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || { });
|
487 |
+
this.start(options);
|
488 |
+
},
|
489 |
+
setup: function() {
|
490 |
+
// Prevent executing on elements not in the layout flow
|
491 |
+
if (this.element.getStyle('display')=='none') { this.cancel(); return; }
|
492 |
+
// Disable background image during the effect
|
493 |
+
this.oldStyle = { };
|
494 |
+
if (!this.options.keepBackgroundImage) {
|
495 |
+
this.oldStyle.backgroundImage = this.element.getStyle('background-image');
|
496 |
+
this.element.setStyle({backgroundImage: 'none'});
|
497 |
+
}
|
498 |
+
if (!this.options.endcolor)
|
499 |
+
this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
|
500 |
+
if (!this.options.restorecolor)
|
501 |
+
this.options.restorecolor = this.element.getStyle('background-color');
|
502 |
+
// init color calculations
|
503 |
+
this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
|
504 |
+
this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this));
|
505 |
+
},
|
506 |
+
update: function(position) {
|
507 |
+
this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
|
508 |
+
return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) });
|
509 |
+
},
|
510 |
+
finish: function() {
|
511 |
+
this.element.setStyle(Object.extend(this.oldStyle, {
|
512 |
+
backgroundColor: this.options.restorecolor
|
513 |
+
}));
|
514 |
+
}
|
515 |
+
});
|
516 |
+
|
517 |
+
Effect.ScrollTo = function(element) {
|
518 |
+
var options = arguments[1] || { },
|
519 |
+
scrollOffsets = document.viewport.getScrollOffsets(),
|
520 |
+
elementOffsets = $(element).cumulativeOffset();
|
521 |
+
|
522 |
+
if (options.offset) elementOffsets[1] += options.offset;
|
523 |
+
|
524 |
+
return new Effect.Tween(null,
|
525 |
+
scrollOffsets.top,
|
526 |
+
elementOffsets[1],
|
527 |
+
options,
|
528 |
+
function(p){ scrollTo(scrollOffsets.left, p.round()); }
|
529 |
+
);
|
530 |
+
};
|
531 |
+
|
532 |
+
/* ------------- combination effects ------------- */
|
533 |
+
|
534 |
+
Effect.Fade = function(element) {
|
535 |
+
element = $(element);
|
536 |
+
var oldOpacity = element.getInlineOpacity();
|
537 |
+
var options = Object.extend({
|
538 |
+
from: element.getOpacity() || 1.0,
|
539 |
+
to: 0.0,
|
540 |
+
afterFinishInternal: function(effect) {
|
541 |
+
if (effect.options.to!=0) return;
|
542 |
+
effect.element.hide().setStyle({opacity: oldOpacity});
|
543 |
+
}
|
544 |
+
}, arguments[1] || { });
|
545 |
+
return new Effect.Opacity(element,options);
|
546 |
+
};
|
547 |
+
|
548 |
+
Effect.Appear = function(element) {
|
549 |
+
element = $(element);
|
550 |
+
var options = Object.extend({
|
551 |
+
from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
|
552 |
+
to: 1.0,
|
553 |
+
// force Safari to render floated elements properly
|
554 |
+
afterFinishInternal: function(effect) {
|
555 |
+
effect.element.forceRerendering();
|
556 |
+
},
|
557 |
+
beforeSetup: function(effect) {
|
558 |
+
effect.element.setOpacity(effect.options.from).show();
|
559 |
+
}}, arguments[1] || { });
|
560 |
+
return new Effect.Opacity(element,options);
|
561 |
+
};
|
562 |
+
|
563 |
+
Effect.Puff = function(element) {
|
564 |
+
element = $(element);
|
565 |
+
var oldStyle = {
|
566 |
+
opacity: element.getInlineOpacity(),
|
567 |
+
position: element.getStyle('position'),
|
568 |
+
top: element.style.top,
|
569 |
+
left: element.style.left,
|
570 |
+
width: element.style.width,
|
571 |
+
height: element.style.height
|
572 |
+
};
|
573 |
+
return new Effect.Parallel(
|
574 |
+
[ new Effect.Scale(element, 200,
|
575 |
+
{ sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }),
|
576 |
+
new Effect.Opacity(element, { sync: true, to: 0.0 } ) ],
|
577 |
+
Object.extend({ duration: 1.0,
|
578 |
+
beforeSetupInternal: function(effect) {
|
579 |
+
Position.absolutize(effect.effects[0].element);
|
580 |
+
},
|
581 |
+
afterFinishInternal: function(effect) {
|
582 |
+
effect.effects[0].element.hide().setStyle(oldStyle); }
|
583 |
+
}, arguments[1] || { })
|
584 |
+
);
|
585 |
+
};
|
586 |
+
|
587 |
+
Effect.BlindUp = function(element) {
|
588 |
+
element = $(element);
|
589 |
+
element.makeClipping();
|
590 |
+
return new Effect.Scale(element, 0,
|
591 |
+
Object.extend({ scaleContent: false,
|
592 |
+
scaleX: false,
|
593 |
+
restoreAfterFinish: true,
|
594 |
+
afterFinishInternal: function(effect) {
|
595 |
+
effect.element.hide().undoClipping();
|
596 |
+
}
|
597 |
+
}, arguments[1] || { })
|
598 |
+
);
|
599 |
+
};
|
600 |
+
|
601 |
+
Effect.BlindDown = function(element) {
|
602 |
+
element = $(element);
|
603 |
+
var elementDimensions = element.getDimensions();
|
604 |
+
return new Effect.Scale(element, 100, Object.extend({
|
605 |
+
scaleContent: false,
|
606 |
+
scaleX: false,
|
607 |
+
scaleFrom: 0,
|
608 |
+
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
609 |
+
restoreAfterFinish: true,
|
610 |
+
afterSetup: function(effect) {
|
611 |
+
effect.element.makeClipping().setStyle({height: '0px'}).show();
|
612 |
+
},
|
613 |
+
afterFinishInternal: function(effect) {
|
614 |
+
effect.element.undoClipping();
|
615 |
+
}
|
616 |
+
}, arguments[1] || { }));
|
617 |
+
};
|
618 |
+
|
619 |
+
Effect.SwitchOff = function(element) {
|
620 |
+
element = $(element);
|
621 |
+
var oldOpacity = element.getInlineOpacity();
|
622 |
+
return new Effect.Appear(element, Object.extend({
|
623 |
+
duration: 0.4,
|
624 |
+
from: 0,
|
625 |
+
transition: Effect.Transitions.flicker,
|
626 |
+
afterFinishInternal: function(effect) {
|
627 |
+
new Effect.Scale(effect.element, 1, {
|
628 |
+
duration: 0.3, scaleFromCenter: true,
|
629 |
+
scaleX: false, scaleContent: false, restoreAfterFinish: true,
|
630 |
+
beforeSetup: function(effect) {
|
631 |
+
effect.element.makePositioned().makeClipping();
|
632 |
+
},
|
633 |
+
afterFinishInternal: function(effect) {
|
634 |
+
effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity});
|
635 |
+
}
|
636 |
+
});
|
637 |
+
}
|
638 |
+
}, arguments[1] || { }));
|
639 |
+
};
|
640 |
+
|
641 |
+
Effect.DropOut = function(element) {
|
642 |
+
element = $(element);
|
643 |
+
var oldStyle = {
|
644 |
+
top: element.getStyle('top'),
|
645 |
+
left: element.getStyle('left'),
|
646 |
+
opacity: element.getInlineOpacity() };
|
647 |
+
return new Effect.Parallel(
|
648 |
+
[ new Effect.Move(element, {x: 0, y: 100, sync: true }),
|
649 |
+
new Effect.Opacity(element, { sync: true, to: 0.0 }) ],
|
650 |
+
Object.extend(
|
651 |
+
{ duration: 0.5,
|
652 |
+
beforeSetup: function(effect) {
|
653 |
+
effect.effects[0].element.makePositioned();
|
654 |
+
},
|
655 |
+
afterFinishInternal: function(effect) {
|
656 |
+
effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle);
|
657 |
+
}
|
658 |
+
}, arguments[1] || { }));
|
659 |
+
};
|
660 |
+
|
661 |
+
Effect.Shake = function(element) {
|
662 |
+
element = $(element);
|
663 |
+
var options = Object.extend({
|
664 |
+
distance: 20,
|
665 |
+
duration: 0.5
|
666 |
+
}, arguments[1] || {});
|
667 |
+
var distance = parseFloat(options.distance);
|
668 |
+
var split = parseFloat(options.duration) / 10.0;
|
669 |
+
var oldStyle = {
|
670 |
+
top: element.getStyle('top'),
|
671 |
+
left: element.getStyle('left') };
|
672 |
+
return new Effect.Move(element,
|
673 |
+
{ x: distance, y: 0, duration: split, afterFinishInternal: function(effect) {
|
674 |
+
new Effect.Move(effect.element,
|
675 |
+
{ x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
|
676 |
+
new Effect.Move(effect.element,
|
677 |
+
{ x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
|
678 |
+
new Effect.Move(effect.element,
|
679 |
+
{ x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
|
680 |
+
new Effect.Move(effect.element,
|
681 |
+
{ x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
|
682 |
+
new Effect.Move(effect.element,
|
683 |
+
{ x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) {
|
684 |
+
effect.element.undoPositioned().setStyle(oldStyle);
|
685 |
+
}}); }}); }}); }}); }}); }});
|
686 |
+
};
|
687 |
+
|
688 |
+
Effect.SlideDown = function(element) {
|
689 |
+
element = $(element).cleanWhitespace();
|
690 |
+
// SlideDown need to have the content of the element wrapped in a container element with fixed height!
|
691 |
+
var oldInnerBottom = element.down().getStyle('bottom');
|
692 |
+
var elementDimensions = element.getDimensions();
|
693 |
+
return new Effect.Scale(element, 100, Object.extend({
|
694 |
+
scaleContent: false,
|
695 |
+
scaleX: false,
|
696 |
+
scaleFrom: window.opera ? 0 : 1,
|
697 |
+
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
698 |
+
restoreAfterFinish: true,
|
699 |
+
afterSetup: function(effect) {
|
700 |
+
effect.element.makePositioned();
|
701 |
+
effect.element.down().makePositioned();
|
702 |
+
if (window.opera) effect.element.setStyle({top: ''});
|
703 |
+
effect.element.makeClipping().setStyle({height: '0px'}).show();
|
704 |
+
},
|
705 |
+
afterUpdateInternal: function(effect) {
|
706 |
+
effect.element.down().setStyle({bottom:
|
707 |
+
(effect.dims[0] - effect.element.clientHeight) + 'px' });
|
708 |
+
},
|
709 |
+
afterFinishInternal: function(effect) {
|
710 |
+
effect.element.undoClipping().undoPositioned();
|
711 |
+
effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); }
|
712 |
+
}, arguments[1] || { })
|
713 |
+
);
|
714 |
+
};
|
715 |
+
|
716 |
+
Effect.SlideUp = function(element) {
|
717 |
+
element = $(element).cleanWhitespace();
|
718 |
+
var oldInnerBottom = element.down().getStyle('bottom');
|
719 |
+
var elementDimensions = element.getDimensions();
|
720 |
+
return new Effect.Scale(element, window.opera ? 0 : 1,
|
721 |
+
Object.extend({ scaleContent: false,
|
722 |
+
scaleX: false,
|
723 |
+
scaleMode: 'box',
|
724 |
+
scaleFrom: 100,
|
725 |
+
scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
|
726 |
+
restoreAfterFinish: true,
|
727 |
+
afterSetup: function(effect) {
|
728 |
+
effect.element.makePositioned();
|
729 |
+
effect.element.down().makePositioned();
|
730 |
+
if (window.opera) effect.element.setStyle({top: ''});
|
731 |
+
effect.element.makeClipping().show();
|
732 |
+
},
|
733 |
+
afterUpdateInternal: function(effect) {
|
734 |
+
effect.element.down().setStyle({bottom:
|
735 |
+
(effect.dims[0] - effect.element.clientHeight) + 'px' });
|
736 |
+
},
|
737 |
+
afterFinishInternal: function(effect) {
|
738 |
+
effect.element.hide().undoClipping().undoPositioned();
|
739 |
+
effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom});
|
740 |
+
}
|
741 |
+
}, arguments[1] || { })
|
742 |
+
);
|
743 |
+
};
|
744 |
+
|
745 |
+
// Bug in opera makes the TD containing this element expand for a instance after finish
|
746 |
+
Effect.Squish = function(element) {
|
747 |
+
return new Effect.Scale(element, window.opera ? 1 : 0, {
|
748 |
+
restoreAfterFinish: true,
|
749 |
+
beforeSetup: function(effect) {
|
750 |
+
effect.element.makeClipping();
|
751 |
+
},
|
752 |
+
afterFinishInternal: function(effect) {
|
753 |
+
effect.element.hide().undoClipping();
|
754 |
+
}
|
755 |
+
});
|
756 |
+
};
|
757 |
+
|
758 |
+
Effect.Grow = function(element) {
|
759 |
+
element = $(element);
|
760 |
+
var options = Object.extend({
|
761 |
+
direction: 'center',
|
762 |
+
moveTransition: Effect.Transitions.sinoidal,
|
763 |
+
scaleTransition: Effect.Transitions.sinoidal,
|
764 |
+
opacityTransition: Effect.Transitions.full
|
765 |
+
}, arguments[1] || { });
|
766 |
+
var oldStyle = {
|
767 |
+
top: element.style.top,
|
768 |
+
left: element.style.left,
|
769 |
+
height: element.style.height,
|
770 |
+
width: element.style.width,
|
771 |
+
opacity: element.getInlineOpacity() };
|
772 |
+
|
773 |
+
var dims = element.getDimensions();
|
774 |
+
var initialMoveX, initialMoveY;
|
775 |
+
var moveX, moveY;
|
776 |
+
|
777 |
+
switch (options.direction) {
|
778 |
+
case 'top-left':
|
779 |
+
initialMoveX = initialMoveY = moveX = moveY = 0;
|
780 |
+
break;
|
781 |
+
case 'top-right':
|
782 |
+
initialMoveX = dims.width;
|
783 |
+
initialMoveY = moveY = 0;
|
784 |
+
moveX = -dims.width;
|
785 |
+
break;
|
786 |
+
case 'bottom-left':
|
787 |
+
initialMoveX = moveX = 0;
|
788 |
+
initialMoveY = dims.height;
|
789 |
+
moveY = -dims.height;
|
790 |
+
break;
|
791 |
+
case 'bottom-right':
|
792 |
+
initialMoveX = dims.width;
|
793 |
+
initialMoveY = dims.height;
|
794 |
+
moveX = -dims.width;
|
795 |
+
moveY = -dims.height;
|
796 |
+
break;
|
797 |
+
case 'center':
|
798 |
+
initialMoveX = dims.width / 2;
|
799 |
+
initialMoveY = dims.height / 2;
|
800 |
+
moveX = -dims.width / 2;
|
801 |
+
moveY = -dims.height / 2;
|
802 |
+
break;
|
803 |
+
}
|
804 |
+
|
805 |
+
return new Effect.Move(element, {
|
806 |
+
x: initialMoveX,
|
807 |
+
y: initialMoveY,
|
808 |
+
duration: 0.01,
|
809 |
+
beforeSetup: function(effect) {
|
810 |
+
effect.element.hide().makeClipping().makePositioned();
|
811 |
+
},
|
812 |
+
afterFinishInternal: function(effect) {
|
813 |
+
new Effect.Parallel(
|
814 |
+
[ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }),
|
815 |
+
new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }),
|
816 |
+
new Effect.Scale(effect.element, 100, {
|
817 |
+
scaleMode: { originalHeight: dims.height, originalWidth: dims.width },
|
818 |
+
sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true})
|
819 |
+
], Object.extend({
|
820 |
+
beforeSetup: function(effect) {
|
821 |
+
effect.effects[0].element.setStyle({height: '0px'}).show();
|
822 |
+
},
|
823 |
+
afterFinishInternal: function(effect) {
|
824 |
+
effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle);
|
825 |
+
}
|
826 |
+
}, options)
|
827 |
+
);
|
828 |
+
}
|
829 |
+
});
|
830 |
+
};
|
831 |
+
|
832 |
+
Effect.Shrink = function(element) {
|
833 |
+
element = $(element);
|
834 |
+
var options = Object.extend({
|
835 |
+
direction: 'center',
|
836 |
+
moveTransition: Effect.Transitions.sinoidal,
|
837 |
+
scaleTransition: Effect.Transitions.sinoidal,
|
838 |
+
opacityTransition: Effect.Transitions.none
|
839 |
+
}, arguments[1] || { });
|
840 |
+
var oldStyle = {
|
841 |
+
top: element.style.top,
|
842 |
+
left: element.style.left,
|
843 |
+
height: element.style.height,
|
844 |
+
width: element.style.width,
|
845 |
+
opacity: element.getInlineOpacity() };
|
846 |
+
|
847 |
+
var dims = element.getDimensions();
|
848 |
+
var moveX, moveY;
|
849 |
+
|
850 |
+
switch (options.direction) {
|
851 |
+
case 'top-left':
|
852 |
+
moveX = moveY = 0;
|
853 |
+
break;
|
854 |
+
case 'top-right':
|
855 |
+
moveX = dims.width;
|
856 |
+
moveY = 0;
|
857 |
+
break;
|
858 |
+
case 'bottom-left':
|
859 |
+
moveX = 0;
|
860 |
+
moveY = dims.height;
|
861 |
+
break;
|
862 |
+
case 'bottom-right':
|
863 |
+
moveX = dims.width;
|
864 |
+
moveY = dims.height;
|
865 |
+
break;
|
866 |
+
case 'center':
|
867 |
+
moveX = dims.width / 2;
|
868 |
+
moveY = dims.height / 2;
|
869 |
+
break;
|
870 |
+
}
|
871 |
+
|
872 |
+
return new Effect.Parallel(
|
873 |
+
[ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
|
874 |
+
new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
|
875 |
+
new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
|
876 |
+
], Object.extend({
|
877 |
+
beforeStartInternal: function(effect) {
|
878 |
+
effect.effects[0].element.makePositioned().makeClipping();
|
879 |
+
},
|
880 |
+
afterFinishInternal: function(effect) {
|
881 |
+
effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); }
|
882 |
+
}, options)
|
883 |
+
);
|
884 |
+
};
|
885 |
+
|
886 |
+
Effect.Pulsate = function(element) {
|
887 |
+
element = $(element);
|
888 |
+
var options = arguments[1] || { },
|
889 |
+
oldOpacity = element.getInlineOpacity(),
|
890 |
+
transition = options.transition || Effect.Transitions.linear,
|
891 |
+
reverser = function(pos){
|
892 |
+
return 1 - transition((-Math.cos((pos*(options.pulses||5)*2)*Math.PI)/2) + .5);
|
893 |
+
};
|
894 |
+
|
895 |
+
return new Effect.Opacity(element,
|
896 |
+
Object.extend(Object.extend({ duration: 2.0, from: 0,
|
897 |
+
afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
|
898 |
+
}, options), {transition: reverser}));
|
899 |
+
};
|
900 |
+
|
901 |
+
Effect.Fold = function(element) {
|
902 |
+
element = $(element);
|
903 |
+
var oldStyle = {
|
904 |
+
top: element.style.top,
|
905 |
+
left: element.style.left,
|
906 |
+
width: element.style.width,
|
907 |
+
height: element.style.height };
|
908 |
+
element.makeClipping();
|
909 |
+
return new Effect.Scale(element, 5, Object.extend({
|
910 |
+
scaleContent: false,
|
911 |
+
scaleX: false,
|
912 |
+
afterFinishInternal: function(effect) {
|
913 |
+
new Effect.Scale(element, 1, {
|
914 |
+
scaleContent: false,
|
915 |
+
scaleY: false,
|
916 |
+
afterFinishInternal: function(effect) {
|
917 |
+
effect.element.hide().undoClipping().setStyle(oldStyle);
|
918 |
+
} });
|
919 |
+
}}, arguments[1] || { }));
|
920 |
+
};
|
921 |
+
|
922 |
+
Effect.Morph = Class.create(Effect.Base, {
|
923 |
+
initialize: function(element) {
|
924 |
+
this.element = $(element);
|
925 |
+
if (!this.element) throw(Effect._elementDoesNotExistError);
|
926 |
+
var options = Object.extend({
|
927 |
+
style: { }
|
928 |
+
}, arguments[1] || { });
|
929 |
+
|
930 |
+
if (!Object.isString(options.style)) this.style = $H(options.style);
|
931 |
+
else {
|
932 |
+
if (options.style.include(':'))
|
933 |
+
this.style = options.style.parseStyle();
|
934 |
+
else {
|
935 |
+
this.element.addClassName(options.style);
|
936 |
+
this.style = $H(this.element.getStyles());
|
937 |
+
this.element.removeClassName(options.style);
|
938 |
+
var css = this.element.getStyles();
|
939 |
+
this.style = this.style.reject(function(style) {
|
940 |
+
return style.value == css[style.key];
|
941 |
+
});
|
942 |
+
options.afterFinishInternal = function(effect) {
|
943 |
+
effect.element.addClassName(effect.options.style);
|
944 |
+
effect.transforms.each(function(transform) {
|
945 |
+
effect.element.style[transform.style] = '';
|
946 |
+
});
|
947 |
+
};
|
948 |
+
}
|
949 |
+
}
|
950 |
+
this.start(options);
|
951 |
+
},
|
952 |
+
|
953 |
+
setup: function(){
|
954 |
+
function parseColor(color){
|
955 |
+
if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff';
|
956 |
+
color = color.parseColor();
|
957 |
+
return $R(0,2).map(function(i){
|
958 |
+
return parseInt( color.slice(i*2+1,i*2+3), 16 );
|
959 |
+
});
|
960 |
+
}
|
961 |
+
this.transforms = this.style.map(function(pair){
|
962 |
+
var property = pair[0], value = pair[1], unit = null;
|
963 |
+
|
964 |
+
if (value.parseColor('#zzzzzz') != '#zzzzzz') {
|
965 |
+
value = value.parseColor();
|
966 |
+
unit = 'color';
|
967 |
+
} else if (property == 'opacity') {
|
968 |
+
value = parseFloat(value);
|
969 |
+
if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
|
970 |
+
this.element.setStyle({zoom: 1});
|
971 |
+
} else if (Element.CSS_LENGTH.test(value)) {
|
972 |
+
var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/);
|
973 |
+
value = parseFloat(components[1]);
|
974 |
+
unit = (components.length == 3) ? components[2] : null;
|
975 |
+
}
|
976 |
+
|
977 |
+
var originalValue = this.element.getStyle(property);
|
978 |
+
return {
|
979 |
+
style: property.camelize(),
|
980 |
+
originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0),
|
981 |
+
targetValue: unit=='color' ? parseColor(value) : value,
|
982 |
+
unit: unit
|
983 |
+
};
|
984 |
+
}.bind(this)).reject(function(transform){
|
985 |
+
return (
|
986 |
+
(transform.originalValue == transform.targetValue) ||
|
987 |
+
(
|
988 |
+
transform.unit != 'color' &&
|
989 |
+
(isNaN(transform.originalValue) || isNaN(transform.targetValue))
|
990 |
+
)
|
991 |
+
);
|
992 |
+
});
|
993 |
+
},
|
994 |
+
update: function(position) {
|
995 |
+
var style = { }, transform, i = this.transforms.length;
|
996 |
+
while(i--)
|
997 |
+
style[(transform = this.transforms[i]).style] =
|
998 |
+
transform.unit=='color' ? '#'+
|
999 |
+
(Math.round(transform.originalValue[0]+
|
1000 |
+
(transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() +
|
1001 |
+
(Math.round(transform.originalValue[1]+
|
1002 |
+
(transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() +
|
1003 |
+
(Math.round(transform.originalValue[2]+
|
1004 |
+
(transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() :
|
1005 |
+
(transform.originalValue +
|
1006 |
+
(transform.targetValue - transform.originalValue) * position).toFixed(3) +
|
1007 |
+
(transform.unit === null ? '' : transform.unit);
|
1008 |
+
this.element.setStyle(style, true);
|
1009 |
+
}
|
1010 |
+
});
|
1011 |
+
|
1012 |
+
Effect.Transform = Class.create({
|
1013 |
+
initialize: function(tracks){
|
1014 |
+
this.tracks = [];
|
1015 |
+
this.options = arguments[1] || { };
|
1016 |
+
this.addTracks(tracks);
|
1017 |
+
},
|
1018 |
+
addTracks: function(tracks){
|
1019 |
+
tracks.each(function(track){
|
1020 |
+
track = $H(track);
|
1021 |
+
var data = track.values().first();
|
1022 |
+
this.tracks.push($H({
|
1023 |
+
ids: track.keys().first(),
|
1024 |
+
effect: Effect.Morph,
|
1025 |
+
options: { style: data }
|
1026 |
+
}));
|
1027 |
+
}.bind(this));
|
1028 |
+
return this;
|
1029 |
+
},
|
1030 |
+
play: function(){
|
1031 |
+
return new Effect.Parallel(
|
1032 |
+
this.tracks.map(function(track){
|
1033 |
+
var ids = track.get('ids'), effect = track.get('effect'), options = track.get('options');
|
1034 |
+
var elements = [$(ids) || $$(ids)].flatten();
|
1035 |
+
return elements.map(function(e){ return new effect(e, Object.extend({ sync:true }, options)) });
|
1036 |
+
}).flatten(),
|
1037 |
+
this.options
|
1038 |
+
);
|
1039 |
+
}
|
1040 |
+
});
|
1041 |
+
|
1042 |
+
Element.CSS_PROPERTIES = $w(
|
1043 |
+
'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' +
|
1044 |
+
'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' +
|
1045 |
+
'borderRightColor borderRightStyle borderRightWidth borderSpacing ' +
|
1046 |
+
'borderTopColor borderTopStyle borderTopWidth bottom clip color ' +
|
1047 |
+
'fontSize fontWeight height left letterSpacing lineHeight ' +
|
1048 |
+
'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
|
1049 |
+
'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' +
|
1050 |
+
'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' +
|
1051 |
+
'right textIndent top width wordSpacing zIndex');
|
1052 |
+
|
1053 |
+
Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;
|
1054 |
+
|
1055 |
+
String.__parseStyleElement = document.createElement('div');
|
1056 |
+
String.prototype.parseStyle = function(){
|
1057 |
+
var style, styleRules = $H();
|
1058 |
+
if (Prototype.Browser.WebKit)
|
1059 |
+
style = new Element('div',{style:this}).style;
|
1060 |
+
else {
|
1061 |
+
String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>';
|
1062 |
+
style = String.__parseStyleElement.childNodes[0].style;
|
1063 |
+
}
|
1064 |
+
|
1065 |
+
Element.CSS_PROPERTIES.each(function(property){
|
1066 |
+
if (style[property]) styleRules.set(property, style[property]);
|
1067 |
+
});
|
1068 |
+
|
1069 |
+
if (Prototype.Browser.IE && this.include('opacity'))
|
1070 |
+
styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]);
|
1071 |
+
|
1072 |
+
return styleRules;
|
1073 |
+
};
|
1074 |
+
|
1075 |
+
if (document.defaultView && document.defaultView.getComputedStyle) {
|
1076 |
+
Element.getStyles = function(element) {
|
1077 |
+
var css = document.defaultView.getComputedStyle($(element), null);
|
1078 |
+
return Element.CSS_PROPERTIES.inject({ }, function(styles, property) {
|
1079 |
+
styles[property] = css[property];
|
1080 |
+
return styles;
|
1081 |
+
});
|
1082 |
+
};
|
1083 |
+
} else {
|
1084 |
+
Element.getStyles = function(element) {
|
1085 |
+
element = $(element);
|
1086 |
+
var css = element.currentStyle, styles;
|
1087 |
+
styles = Element.CSS_PROPERTIES.inject({ }, function(results, property) {
|
1088 |
+
results[property] = css[property];
|
1089 |
+
return results;
|
1090 |
+
});
|
1091 |
+
if (!styles.opacity) styles.opacity = element.getOpacity();
|
1092 |
+
return styles;
|
1093 |
+
};
|
1094 |
+
}
|
1095 |
+
|
1096 |
+
Effect.Methods = {
|
1097 |
+
morph: function(element, style) {
|
1098 |
+
element = $(element);
|
1099 |
+
new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || { }));
|
1100 |
+
return element;
|
1101 |
+
},
|
1102 |
+
visualEffect: function(element, effect, options) {
|
1103 |
+
element = $(element);
|
1104 |
+
var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1);
|
1105 |
+
new Effect[klass](element, options);
|
1106 |
+
return element;
|
1107 |
+
},
|
1108 |
+
highlight: function(element, options) {
|
1109 |
+
element = $(element);
|
1110 |
+
new Effect.Highlight(element, options);
|
1111 |
+
return element;
|
1112 |
+
}
|
1113 |
+
};
|
1114 |
+
|
1115 |
+
$w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+
|
1116 |
+
'pulsate shake puff squish switchOff dropOut').each(
|
1117 |
+
function(effect) {
|
1118 |
+
Effect.Methods[effect] = function(element, options){
|
1119 |
+
element = $(element);
|
1120 |
+
Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options);
|
1121 |
+
return element;
|
1122 |
+
};
|
1123 |
+
}
|
1124 |
+
);
|
1125 |
+
|
1126 |
+
$w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each(
|
1127 |
+
function(f) { Effect.Methods[f] = Element[f]; }
|
1128 |
+
);
|
1129 |
+
|
1130 |
+
Element.addMethods(Effect.Methods);
|
js/scriptaculous/scriptaculous.js
ADDED
@@ -0,0 +1,60 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us scriptaculous.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
//
|
5 |
+
// Permission is hereby granted, free of charge, to any person obtaining
|
6 |
+
// a copy of this software and associated documentation files (the
|
7 |
+
// "Software"), to deal in the Software without restriction, including
|
8 |
+
// without limitation the rights to use, copy, modify, merge, publish,
|
9 |
+
// distribute, sublicense, and/or sell copies of the Software, and to
|
10 |
+
// permit persons to whom the Software is furnished to do so, subject to
|
11 |
+
// the following conditions:
|
12 |
+
//
|
13 |
+
// The above copyright notice and this permission notice shall be
|
14 |
+
// included in all copies or substantial portions of the Software.
|
15 |
+
//
|
16 |
+
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17 |
+
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18 |
+
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19 |
+
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20 |
+
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21 |
+
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22 |
+
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
23 |
+
//
|
24 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
25 |
+
|
26 |
+
var Scriptaculous = {
|
27 |
+
Version: '1.8.2',
|
28 |
+
require: function(libraryName) {
|
29 |
+
// inserting via DOM fails in Safari 2.0, so brute force approach
|
30 |
+
document.write('<script type="text/javascript" src="'+libraryName+'"><\/script>');
|
31 |
+
},
|
32 |
+
REQUIRED_PROTOTYPE: '1.6.0.3',
|
33 |
+
load: function() {
|
34 |
+
function convertVersionString(versionString) {
|
35 |
+
var v = versionString.replace(/_.*|\./g, '');
|
36 |
+
v = parseInt(v + '0'.times(4-v.length));
|
37 |
+
return versionString.indexOf('_') > -1 ? v-1 : v;
|
38 |
+
}
|
39 |
+
|
40 |
+
if((typeof Prototype=='undefined') ||
|
41 |
+
(typeof Element == 'undefined') ||
|
42 |
+
(typeof Element.Methods=='undefined') ||
|
43 |
+
(convertVersionString(Prototype.Version) <
|
44 |
+
convertVersionString(Scriptaculous.REQUIRED_PROTOTYPE)))
|
45 |
+
throw("script.aculo.us requires the Prototype JavaScript framework >= " +
|
46 |
+
Scriptaculous.REQUIRED_PROTOTYPE);
|
47 |
+
|
48 |
+
var js = /scriptaculous\.js(\?.*)?$/;
|
49 |
+
$$('head script[src]').findAll(function(s) {
|
50 |
+
return s.src.match(js);
|
51 |
+
}).each(function(s) {
|
52 |
+
var path = s.src.replace(js, ''),
|
53 |
+
includes = s.src.match(/\?.*load=([a-z,]*)/);
|
54 |
+
(includes ? includes[1] : 'builder,effects,dragdrop,controls,slider,sound').split(',').each(
|
55 |
+
function(include) { Scriptaculous.require(path+include+'.js') });
|
56 |
+
});
|
57 |
+
}
|
58 |
+
};
|
59 |
+
|
60 |
+
Scriptaculous.load();
|
js/scriptaculous/slider.js
ADDED
@@ -0,0 +1,277 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us slider.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Marty Haught, Thomas Fuchs
|
4 |
+
//
|
5 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
6 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
7 |
+
|
8 |
+
if (!Control) var Control = { };
|
9 |
+
|
10 |
+
// options:
|
11 |
+
// axis: 'vertical', or 'horizontal' (default)
|
12 |
+
//
|
13 |
+
// callbacks:
|
14 |
+
// onChange(value)
|
15 |
+
// onSlide(value)
|
16 |
+
Control.Slider = Class.create({
|
17 |
+
initialize: function(handle, track, options) {
|
18 |
+
var slider = this;
|
19 |
+
|
20 |
+
if (Object.isArray(handle)) {
|
21 |
+
this.handles = handle.collect( function(e) { return $(e) });
|
22 |
+
} else {
|
23 |
+
this.handles = [$(handle)];
|
24 |
+
}
|
25 |
+
|
26 |
+
this.track = $(track);
|
27 |
+
this.options = options || { };
|
28 |
+
|
29 |
+
this.axis = this.options.axis || 'horizontal';
|
30 |
+
this.increment = this.options.increment || 1;
|
31 |
+
this.step = parseInt(this.options.step || '1');
|
32 |
+
this.range = this.options.range || $R(0,1);
|
33 |
+
|
34 |
+
this.value = 0; // assure backwards compat
|
35 |
+
this.values = this.handles.map( function() { return 0 });
|
36 |
+
this.spans = this.options.spans ? this.options.spans.map(function(s){ return $(s) }) : false;
|
37 |
+
this.options.startSpan = $(this.options.startSpan || null);
|
38 |
+
this.options.endSpan = $(this.options.endSpan || null);
|
39 |
+
|
40 |
+
this.restricted = this.options.restricted || false;
|
41 |
+
|
42 |
+
this.maximum = this.options.maximum || this.range.end;
|
43 |
+
this.minimum = this.options.minimum || this.range.start;
|
44 |
+
|
45 |
+
// Will be used to align the handle onto the track, if necessary
|
46 |
+
this.alignX = parseInt(this.options.alignX || '0');
|
47 |
+
this.alignY = parseInt(this.options.alignY || '0');
|
48 |
+
|
49 |
+
this.trackLength = this.maximumOffset() - this.minimumOffset();
|
50 |
+
|
51 |
+
this.handleLength = this.isVertical() ?
|
52 |
+
(this.handles[0].offsetHeight != 0 ?
|
53 |
+
this.handles[0].offsetHeight : this.handles[0].style.height.replace(/px$/,"")) :
|
54 |
+
(this.handles[0].offsetWidth != 0 ? this.handles[0].offsetWidth :
|
55 |
+
this.handles[0].style.width.replace(/px$/,""));
|
56 |
+
|
57 |
+
this.active = false;
|
58 |
+
this.dragging = false;
|
59 |
+
this.disabled = false;
|
60 |
+
|
61 |
+
if (this.options.disabled) this.setDisabled();
|
62 |
+
|
63 |
+
// Allowed values array
|
64 |
+
this.allowedValues = this.options.values ? this.options.values.sortBy(Prototype.K) : false;
|
65 |
+
if (this.allowedValues) {
|
66 |
+
this.minimum = this.allowedValues.min();
|
67 |
+
this.maximum = this.allowedValues.max();
|
68 |
+
}
|
69 |
+
|
70 |
+
this.eventMouseDown = this.startDrag.bindAsEventListener(this);
|
71 |
+
this.eventMouseUp = this.endDrag.bindAsEventListener(this);
|
72 |
+
this.eventMouseMove = this.update.bindAsEventListener(this);
|
73 |
+
|
74 |
+
// Initialize handles in reverse (make sure first handle is active)
|
75 |
+
this.handles.each( function(h,i) {
|
76 |
+
i = slider.handles.length-1-i;
|
77 |
+
slider.setValue(parseFloat(
|
78 |
+
(Object.isArray(slider.options.sliderValue) ?
|
79 |
+
slider.options.sliderValue[i] : slider.options.sliderValue) ||
|
80 |
+
slider.range.start), i);
|
81 |
+
h.makePositioned().observe("mousedown", slider.eventMouseDown);
|
82 |
+
});
|
83 |
+
|
84 |
+
this.track.observe("mousedown", this.eventMouseDown);
|
85 |
+
document.observe("mouseup", this.eventMouseUp);
|
86 |
+
$(this.track.parentNode.parentNode).observe("mousemove", this.eventMouseMove);
|
87 |
+
|
88 |
+
|
89 |
+
this.initialized = true;
|
90 |
+
},
|
91 |
+
dispose: function() {
|
92 |
+
var slider = this;
|
93 |
+
Event.stopObserving(this.track, "mousedown", this.eventMouseDown);
|
94 |
+
Event.stopObserving(document, "mouseup", this.eventMouseUp);
|
95 |
+
Event.stopObserving(this.track.parentNode.parentNode, "mousemove", this.eventMouseMove);
|
96 |
+
this.handles.each( function(h) {
|
97 |
+
Event.stopObserving(h, "mousedown", slider.eventMouseDown);
|
98 |
+
});
|
99 |
+
},
|
100 |
+
setDisabled: function(){
|
101 |
+
this.disabled = true;
|
102 |
+
this.track.parentNode.className = this.track.parentNode.className + ' disabled';
|
103 |
+
},
|
104 |
+
setEnabled: function(){
|
105 |
+
this.disabled = false;
|
106 |
+
},
|
107 |
+
getNearestValue: function(value){
|
108 |
+
if (this.allowedValues){
|
109 |
+
if (value >= this.allowedValues.max()) return(this.allowedValues.max());
|
110 |
+
if (value <= this.allowedValues.min()) return(this.allowedValues.min());
|
111 |
+
|
112 |
+
var offset = Math.abs(this.allowedValues[0] - value);
|
113 |
+
var newValue = this.allowedValues[0];
|
114 |
+
this.allowedValues.each( function(v) {
|
115 |
+
var currentOffset = Math.abs(v - value);
|
116 |
+
if (currentOffset <= offset){
|
117 |
+
newValue = v;
|
118 |
+
offset = currentOffset;
|
119 |
+
}
|
120 |
+
});
|
121 |
+
return newValue;
|
122 |
+
}
|
123 |
+
if (value > this.range.end) return this.range.end;
|
124 |
+
if (value < this.range.start) return this.range.start;
|
125 |
+
return value;
|
126 |
+
},
|
127 |
+
setValue: function(sliderValue, handleIdx){
|
128 |
+
if (!this.active) {
|
129 |
+
this.activeHandleIdx = handleIdx || 0;
|
130 |
+
this.activeHandle = this.handles[this.activeHandleIdx];
|
131 |
+
this.updateStyles();
|
132 |
+
}
|
133 |
+
handleIdx = handleIdx || this.activeHandleIdx || 0;
|
134 |
+
if (this.initialized && this.restricted) {
|
135 |
+
if ((handleIdx>0) && (sliderValue<this.values[handleIdx-1]))
|
136 |
+
sliderValue = this.values[handleIdx-1];
|
137 |
+
if ((handleIdx < (this.handles.length-1)) && (sliderValue>this.values[handleIdx+1]))
|
138 |
+
sliderValue = this.values[handleIdx+1];
|
139 |
+
}
|
140 |
+
sliderValue = this.getNearestValue(sliderValue);
|
141 |
+
this.values[handleIdx] = sliderValue;
|
142 |
+
this.value = this.values[0]; // assure backwards compat
|
143 |
+
|
144 |
+
this.handles[handleIdx].style[this.isVertical() ? 'top' : 'left'] =
|
145 |
+
this.translateToPx(sliderValue);
|
146 |
+
|
147 |
+
this.drawSpans();
|
148 |
+
if (!this.dragging || !this.event) this.updateFinished();
|
149 |
+
},
|
150 |
+
setValueBy: function(delta, handleIdx) {
|
151 |
+
this.setValue(this.values[handleIdx || this.activeHandleIdx || 0] + delta,
|
152 |
+
handleIdx || this.activeHandleIdx || 0);
|
153 |
+
},
|
154 |
+
translateToPx: function(value) {
|
155 |
+
return Math.round(
|
156 |
+
((this.trackLength-this.handleLength)/(this.range.end-this.range.start)) *
|
157 |
+
(value - this.range.start)) + "px";
|
158 |
+
},
|
159 |
+
translateToValue: function(offset) {
|
160 |
+
return ((offset/(this.trackLength-this.handleLength) *
|
161 |
+
(this.range.end-this.range.start)) + this.range.start);
|
162 |
+
},
|
163 |
+
getRange: function(range) {
|
164 |
+
var v = this.values.sortBy(Prototype.K);
|
165 |
+
range = range || 0;
|
166 |
+
return $R(v[range],v[range+1]);
|
167 |
+
},
|
168 |
+
minimumOffset: function(){
|
169 |
+
return(this.isVertical() ? this.alignY : this.alignX);
|
170 |
+
},
|
171 |
+
maximumOffset: function(){
|
172 |
+
return(this.isVertical() ?
|
173 |
+
(this.track.offsetHeight != 0 ? this.track.offsetHeight :
|
174 |
+
this.track.style.height.replace(/px$/,"")) - this.alignY :
|
175 |
+
(this.track.offsetWidth != 0 ? this.track.offsetWidth :
|
176 |
+
this.track.style.width.replace(/px$/,"")) - this.alignX);
|
177 |
+
},
|
178 |
+
isVertical: function(){
|
179 |
+
return (this.axis == 'vertical');
|
180 |
+
},
|
181 |
+
drawSpans: function() {
|
182 |
+
var slider = this;
|
183 |
+
if (this.spans)
|
184 |
+
$R(0, this.spans.length-1).each(function(r) { slider.setSpan(slider.spans[r], slider.getRange(r)) });
|
185 |
+
if (this.options.startSpan)
|
186 |
+
this.setSpan(this.options.startSpan,
|
187 |
+
$R(0, this.values.length>1 ? this.getRange(0).min() : this.value ));
|
188 |
+
if (this.options.endSpan)
|
189 |
+
this.setSpan(this.options.endSpan,
|
190 |
+
$R(this.values.length>1 ? this.getRange(this.spans.length-1).max() : this.value, this.maximum));
|
191 |
+
},
|
192 |
+
setSpan: function(span, range) {
|
193 |
+
if (this.isVertical()) {
|
194 |
+
span.style.top = this.translateToPx(range.start);
|
195 |
+
span.style.height = this.translateToPx(range.end - range.start + this.range.start);
|
196 |
+
} else {
|
197 |
+
span.style.left = this.translateToPx(range.start);
|
198 |
+
span.style.width = this.translateToPx(range.end - range.start + this.range.start);
|
199 |
+
}
|
200 |
+
},
|
201 |
+
updateStyles: function() {
|
202 |
+
this.handles.each( function(h){ Element.removeClassName(h, 'selected') });
|
203 |
+
Element.addClassName(this.activeHandle, 'selected');
|
204 |
+
},
|
205 |
+
startDrag: function(event) {
|
206 |
+
if (Event.isLeftClick(event)) {
|
207 |
+
if (!this.disabled){
|
208 |
+
this.active = true;
|
209 |
+
|
210 |
+
var handle = Event.element(event);
|
211 |
+
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
212 |
+
var track = handle;
|
213 |
+
if (track==this.track) {
|
214 |
+
var offsets = Position.cumulativeOffset(this.track);
|
215 |
+
this.event = event;
|
216 |
+
this.setValue(this.translateToValue(
|
217 |
+
(this.isVertical() ? pointer[1]-offsets[1] : pointer[0]-offsets[0])-(this.handleLength/2)
|
218 |
+
));
|
219 |
+
var offsets = Position.cumulativeOffset(this.activeHandle);
|
220 |
+
this.offsetX = (pointer[0] - offsets[0]);
|
221 |
+
this.offsetY = (pointer[1] - offsets[1]);
|
222 |
+
} else {
|
223 |
+
// find the handle (prevents issues with Safari)
|
224 |
+
while((this.handles.indexOf(handle) == -1) && handle.parentNode)
|
225 |
+
handle = handle.parentNode;
|
226 |
+
|
227 |
+
if (this.handles.indexOf(handle)!=-1) {
|
228 |
+
this.activeHandle = handle;
|
229 |
+
this.activeHandleIdx = this.handles.indexOf(this.activeHandle);
|
230 |
+
this.updateStyles();
|
231 |
+
|
232 |
+
var offsets = Position.cumulativeOffset(this.activeHandle);
|
233 |
+
this.offsetX = (pointer[0] - offsets[0]);
|
234 |
+
this.offsetY = (pointer[1] - offsets[1]);
|
235 |
+
}
|
236 |
+
}
|
237 |
+
}
|
238 |
+
Event.stop(event);
|
239 |
+
}
|
240 |
+
},
|
241 |
+
update: function(event) {
|
242 |
+
if (this.active) {
|
243 |
+
if (!this.dragging) this.dragging = true;
|
244 |
+
this.draw(event);
|
245 |
+
if (Prototype.Browser.WebKit) window.scrollBy(0,0);
|
246 |
+
Event.stop(event);
|
247 |
+
}
|
248 |
+
},
|
249 |
+
draw: function(event) {
|
250 |
+
var pointer = [Event.pointerX(event), Event.pointerY(event)];
|
251 |
+
var offsets = Position.cumulativeOffset(this.track);
|
252 |
+
pointer[0] -= this.offsetX + offsets[0];
|
253 |
+
pointer[1] -= this.offsetY + offsets[1];
|
254 |
+
this.event = event;
|
255 |
+
this.setValue(this.translateToValue( this.isVertical() ? pointer[1] : pointer[0] ));
|
256 |
+
if (this.initialized && this.options.onSlide)
|
257 |
+
this.options.onSlide(this.values.length>1 ? this.values : this.value, this);
|
258 |
+
},
|
259 |
+
endDrag: function(event) {
|
260 |
+
if (this.active && this.dragging) {
|
261 |
+
this.finishDrag(event, true);
|
262 |
+
Event.stop(event);
|
263 |
+
}
|
264 |
+
this.active = false;
|
265 |
+
this.dragging = false;
|
266 |
+
},
|
267 |
+
finishDrag: function(event, success) {
|
268 |
+
this.active = false;
|
269 |
+
this.dragging = false;
|
270 |
+
this.updateFinished();
|
271 |
+
},
|
272 |
+
updateFinished: function() {
|
273 |
+
if (this.initialized && this.options.onChange)
|
274 |
+
this.options.onChange(this.values.length>1 ? this.values : this.value, this);
|
275 |
+
this.event = null;
|
276 |
+
}
|
277 |
+
});
|
js/scriptaculous/sound.js
ADDED
@@ -0,0 +1,55 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us sound.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
//
|
5 |
+
// Based on code created by Jules Gravinese (http://www.webveteran.com/)
|
6 |
+
//
|
7 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
8 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
9 |
+
|
10 |
+
Sound = {
|
11 |
+
tracks: {},
|
12 |
+
_enabled: true,
|
13 |
+
template:
|
14 |
+
new Template('<embed style="height:0" id="sound_#{track}_#{id}" src="#{url}" loop="false" autostart="true" hidden="true"/>'),
|
15 |
+
enable: function(){
|
16 |
+
Sound._enabled = true;
|
17 |
+
},
|
18 |
+
disable: function(){
|
19 |
+
Sound._enabled = false;
|
20 |
+
},
|
21 |
+
play: function(url){
|
22 |
+
if(!Sound._enabled) return;
|
23 |
+
var options = Object.extend({
|
24 |
+
track: 'global', url: url, replace: false
|
25 |
+
}, arguments[1] || {});
|
26 |
+
|
27 |
+
if(options.replace && this.tracks[options.track]) {
|
28 |
+
$R(0, this.tracks[options.track].id).each(function(id){
|
29 |
+
var sound = $('sound_'+options.track+'_'+id);
|
30 |
+
sound.Stop && sound.Stop();
|
31 |
+
sound.remove();
|
32 |
+
});
|
33 |
+
this.tracks[options.track] = null;
|
34 |
+
}
|
35 |
+
|
36 |
+
if(!this.tracks[options.track])
|
37 |
+
this.tracks[options.track] = { id: 0 };
|
38 |
+
else
|
39 |
+
this.tracks[options.track].id++;
|
40 |
+
|
41 |
+
options.id = this.tracks[options.track].id;
|
42 |
+
$$('body')[0].insert(
|
43 |
+
Prototype.Browser.IE ? new Element('bgsound',{
|
44 |
+
id: 'sound_'+options.track+'_'+options.id,
|
45 |
+
src: options.url, loop: 1, autostart: true
|
46 |
+
}) : Sound.template.evaluate(options));
|
47 |
+
}
|
48 |
+
};
|
49 |
+
|
50 |
+
if(Prototype.Browser.Gecko && navigator.userAgent.indexOf("Win") > 0){
|
51 |
+
if(navigator.plugins && $A(navigator.plugins).detect(function(p){ return p.name.indexOf('QuickTime') != -1 }))
|
52 |
+
Sound.template = new Template('<object id="sound_#{track}_#{id}" width="0" height="0" type="audio/mpeg" data="#{url}"/>');
|
53 |
+
else
|
54 |
+
Sound.play = function(){};
|
55 |
+
}
|
js/scriptaculous/unittest.js
ADDED
@@ -0,0 +1,568 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
// script.aculo.us unittest.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008
|
2 |
+
|
3 |
+
// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
|
4 |
+
// (c) 2005-2008 Jon Tirsen (http://www.tirsen.com)
|
5 |
+
// (c) 2005-2008 Michael Schuerig (http://www.schuerig.de/michael/)
|
6 |
+
//
|
7 |
+
// script.aculo.us is freely distributable under the terms of an MIT-style license.
|
8 |
+
// For details, see the script.aculo.us web site: http://script.aculo.us/
|
9 |
+
|
10 |
+
// experimental, Firefox-only
|
11 |
+
Event.simulateMouse = function(element, eventName) {
|
12 |
+
var options = Object.extend({
|
13 |
+
pointerX: 0,
|
14 |
+
pointerY: 0,
|
15 |
+
buttons: 0,
|
16 |
+
ctrlKey: false,
|
17 |
+
altKey: false,
|
18 |
+
shiftKey: false,
|
19 |
+
metaKey: false
|
20 |
+
}, arguments[2] || {});
|
21 |
+
var oEvent = document.createEvent("MouseEvents");
|
22 |
+
oEvent.initMouseEvent(eventName, true, true, document.defaultView,
|
23 |
+
options.buttons, options.pointerX, options.pointerY, options.pointerX, options.pointerY,
|
24 |
+
options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, 0, $(element));
|
25 |
+
|
26 |
+
if(this.mark) Element.remove(this.mark);
|
27 |
+
this.mark = document.createElement('div');
|
28 |
+
this.mark.appendChild(document.createTextNode(" "));
|
29 |
+
document.body.appendChild(this.mark);
|
30 |
+
this.mark.style.position = 'absolute';
|
31 |
+
this.mark.style.top = options.pointerY + "px";
|
32 |
+
this.mark.style.left = options.pointerX + "px";
|
33 |
+
this.mark.style.width = "5px";
|
34 |
+
this.mark.style.height = "5px;";
|
35 |
+
this.mark.style.borderTop = "1px solid red;";
|
36 |
+
this.mark.style.borderLeft = "1px solid red;";
|
37 |
+
|
38 |
+
if(this.step)
|
39 |
+
alert('['+new Date().getTime().toString()+'] '+eventName+'/'+Test.Unit.inspect(options));
|
40 |
+
|
41 |
+
$(element).dispatchEvent(oEvent);
|
42 |
+
};
|
43 |
+
|
44 |
+
// Note: Due to a fix in Firefox 1.0.5/6 that probably fixed "too much", this doesn't work in 1.0.6 or DP2.
|
45 |
+
// You need to downgrade to 1.0.4 for now to get this working
|
46 |
+
// See https://bugzilla.mozilla.org/show_bug.cgi?id=289940 for the fix that fixed too much
|
47 |
+
Event.simulateKey = function(element, eventName) {
|
48 |
+
var options = Object.extend({
|
49 |
+
ctrlKey: false,
|
50 |
+
altKey: false,
|
51 |
+
shiftKey: false,
|
52 |
+
metaKey: false,
|
53 |
+
keyCode: 0,
|
54 |
+
charCode: 0
|
55 |
+
}, arguments[2] || {});
|
56 |
+
|
57 |
+
var oEvent = document.createEvent("KeyEvents");
|
58 |
+
oEvent.initKeyEvent(eventName, true, true, window,
|
59 |
+
options.ctrlKey, options.altKey, options.shiftKey, options.metaKey,
|
60 |
+
options.keyCode, options.charCode );
|
61 |
+
$(element).dispatchEvent(oEvent);
|
62 |
+
};
|
63 |
+
|
64 |
+
Event.simulateKeys = function(element, command) {
|
65 |
+
for(var i=0; i<command.length; i++) {
|
66 |
+
Event.simulateKey(element,'keypress',{charCode:command.charCodeAt(i)});
|
67 |
+
}
|
68 |
+
};
|
69 |
+
|
70 |
+
var Test = {};
|
71 |
+
Test.Unit = {};
|
72 |
+
|
73 |
+
// security exception workaround
|
74 |
+
Test.Unit.inspect = Object.inspect;
|
75 |
+
|
76 |
+
Test.Unit.Logger = Class.create();
|
77 |
+
Test.Unit.Logger.prototype = {
|
78 |
+
initialize: function(log) {
|
79 |
+
this.log = $(log);
|
80 |
+
if (this.log) {
|
81 |
+
this._createLogTable();
|
82 |
+
}
|
83 |
+
},
|
84 |
+
start: function(testName) {
|
85 |
+
if (!this.log) return;
|
86 |
+
this.testName = testName;
|
87 |
+
this.lastLogLine = document.createElement('tr');
|
88 |
+
this.statusCell = document.createElement('td');
|
89 |
+
this.nameCell = document.createElement('td');
|
90 |
+
this.nameCell.className = "nameCell";
|
91 |
+
this.nameCell.appendChild(document.createTextNode(testName));
|
92 |
+
this.messageCell = document.createElement('td');
|
93 |
+
this.lastLogLine.appendChild(this.statusCell);
|
94 |
+
this.lastLogLine.appendChild(this.nameCell);
|
95 |
+
this.lastLogLine.appendChild(this.messageCell);
|
96 |
+
this.loglines.appendChild(this.lastLogLine);
|
97 |
+
},
|
98 |
+
finish: function(status, summary) {
|
99 |
+
if (!this.log) return;
|
100 |
+
this.lastLogLine.className = status;
|
101 |
+
this.statusCell.innerHTML = status;
|
102 |
+
this.messageCell.innerHTML = this._toHTML(summary);
|
103 |
+
this.addLinksToResults();
|
104 |
+
},
|
105 |
+
message: function(message) {
|
106 |
+
if (!this.log) return;
|
107 |
+
this.messageCell.innerHTML = this._toHTML(message);
|
108 |
+
},
|
109 |
+
summary: function(summary) {
|
110 |
+
if (!this.log) return;
|
111 |
+
this.logsummary.innerHTML = this._toHTML(summary);
|
112 |
+
},
|
113 |
+
_createLogTable: function() {
|
114 |
+
this.log.innerHTML =
|
115 |
+
'<div id="logsummary"></div>' +
|
116 |
+
'<table id="logtable">' +
|
117 |
+
'<thead><tr><th>Status</th><th>Test</th><th>Message</th></tr></thead>' +
|
118 |
+
'<tbody id="loglines"></tbody>' +
|
119 |
+
'</table>';
|
120 |
+
this.logsummary = $('logsummary');
|
121 |
+
this.loglines = $('loglines');
|
122 |
+
},
|
123 |
+
_toHTML: function(txt) {
|
124 |
+
return txt.escapeHTML().replace(/\n/g,"<br/>");
|
125 |
+
},
|
126 |
+
addLinksToResults: function(){
|
127 |
+
$$("tr.failed .nameCell").each( function(td){ // todo: limit to children of this.log
|
128 |
+
td.title = "Run only this test";
|
129 |
+
Event.observe(td, 'click', function(){ window.location.search = "?tests=" + td.innerHTML;});
|
130 |
+
});
|
131 |
+
$$("tr.passed .nameCell").each( function(td){ // todo: limit to children of this.log
|
132 |
+
td.title = "Run all tests";
|
133 |
+
Event.observe(td, 'click', function(){ window.location.search = "";});
|
134 |
+
});
|
135 |
+
}
|
136 |
+
};
|
137 |
+
|
138 |
+
Test.Unit.Runner = Class.create();
|
139 |
+
Test.Unit.Runner.prototype = {
|
140 |
+
initialize: function(testcases) {
|
141 |
+
this.options = Object.extend({
|
142 |
+
testLog: 'testlog'
|
143 |
+
}, arguments[1] || {});
|
144 |
+
this.options.resultsURL = this.parseResultsURLQueryParameter();
|
145 |
+
this.options.tests = this.parseTestsQueryParameter();
|
146 |
+
if (this.options.testLog) {
|
147 |
+
this.options.testLog = $(this.options.testLog) || null;
|
148 |
+
}
|
149 |
+
if(this.options.tests) {
|
150 |
+
this.tests = [];
|
151 |
+
for(var i = 0; i < this.options.tests.length; i++) {
|
152 |
+
if(/^test/.test(this.options.tests[i])) {
|
153 |
+
this.tests.push(new Test.Unit.Testcase(this.options.tests[i], testcases[this.options.tests[i]], testcases["setup"], testcases["teardown"]));
|
154 |
+
}
|
155 |
+
}
|
156 |
+
} else {
|
157 |
+
if (this.options.test) {
|
158 |
+
this.tests = [new Test.Unit.Testcase(this.options.test, testcases[this.options.test], testcases["setup"], testcases["teardown"])];
|
159 |
+
} else {
|
160 |
+
this.tests = [];
|
161 |
+
for(var testcase in testcases) {
|
162 |
+
if(/^test/.test(testcase)) {
|
163 |
+
this.tests.push(
|
164 |
+
new Test.Unit.Testcase(
|
165 |
+
this.options.context ? ' -> ' + this.options.titles[testcase] : testcase,
|
166 |
+
testcases[testcase], testcases["setup"], testcases["teardown"]
|
167 |
+
));
|
168 |
+
}
|
169 |
+
}
|
170 |
+
}
|
171 |
+
}
|
172 |
+
this.currentTest = 0;
|
173 |
+
this.logger = new Test.Unit.Logger(this.options.testLog);
|
174 |
+
setTimeout(this.runTests.bind(this), 1000);
|
175 |
+
},
|
176 |
+
parseResultsURLQueryParameter: function() {
|
177 |
+
return window.location.search.parseQuery()["resultsURL"];
|
178 |
+
},
|
179 |
+
parseTestsQueryParameter: function(){
|
180 |
+
if (window.location.search.parseQuery()["tests"]){
|
181 |
+
return window.location.search.parseQuery()["tests"].split(',');
|
182 |
+
};
|
183 |
+
},
|
184 |
+
// Returns:
|
185 |
+
// "ERROR" if there was an error,
|
186 |
+
// "FAILURE" if there was a failure, or
|
187 |
+
// "SUCCESS" if there was neither
|
188 |
+
getResult: function() {
|
189 |
+
var hasFailure = false;
|
190 |
+
for(var i=0;i<this.tests.length;i++) {
|
191 |
+
if (this.tests[i].errors > 0) {
|
192 |
+
return "ERROR";
|
193 |
+
}
|
194 |
+
if (this.tests[i].failures > 0) {
|
195 |
+
hasFailure = true;
|
196 |
+
}
|
197 |
+
}
|
198 |
+
if (hasFailure) {
|
199 |
+
return "FAILURE";
|
200 |
+
} else {
|
201 |
+
return "SUCCESS";
|
202 |
+
}
|
203 |
+
},
|
204 |
+
postResults: function() {
|
205 |
+
if (this.options.resultsURL) {
|
206 |
+
new Ajax.Request(this.options.resultsURL,
|
207 |
+
{ method: 'get', parameters: 'result=' + this.getResult(), asynchronous: false });
|
208 |
+
}
|
209 |
+
},
|
210 |
+
runTests: function() {
|
211 |
+
var test = this.tests[this.currentTest];
|
212 |
+
if (!test) {
|
213 |
+
// finished!
|
214 |
+
this.postResults();
|
215 |
+
this.logger.summary(this.summary());
|
216 |
+
return;
|
217 |
+
}
|
218 |
+
if(!test.isWaiting) {
|
219 |
+
this.logger.start(test.name);
|
220 |
+
}
|
221 |
+
test.run();
|
222 |
+
if(test.isWaiting) {
|
223 |
+
this.logger.message("Waiting for " + test.timeToWait + "ms");
|
224 |
+
setTimeout(this.runTests.bind(this), test.timeToWait || 1000);
|
225 |
+
} else {
|
226 |
+
this.logger.finish(test.status(), test.summary());
|
227 |
+
this.currentTest++;
|
228 |
+
// tail recursive, hopefully the browser will skip the stackframe
|
229 |
+
this.runTests();
|
230 |
+
}
|
231 |
+
},
|
232 |
+
summary: function() {
|
233 |
+
var assertions = 0;
|
234 |
+
var failures = 0;
|
235 |
+
var errors = 0;
|
236 |
+
var messages = [];
|
237 |
+
for(var i=0;i<this.tests.length;i++) {
|
238 |
+
assertions += this.tests[i].assertions;
|
239 |
+
failures += this.tests[i].failures;
|
240 |
+
errors += this.tests[i].errors;
|
241 |
+
}
|
242 |
+
return (
|
243 |
+
(this.options.context ? this.options.context + ': ': '') +
|
244 |
+
this.tests.length + " tests, " +
|
245 |
+
assertions + " assertions, " +
|
246 |
+
failures + " failures, " +
|
247 |
+
errors + " errors");
|
248 |
+
}
|
249 |
+
};
|
250 |
+
|
251 |
+
Test.Unit.Assertions = Class.create();
|
252 |
+
Test.Unit.Assertions.prototype = {
|
253 |
+
initialize: function() {
|
254 |
+
this.assertions = 0;
|
255 |
+
this.failures = 0;
|
256 |
+
this.errors = 0;
|
257 |
+
this.messages = [];
|
258 |
+
},
|
259 |
+
summary: function() {
|
260 |
+
return (
|
261 |
+
this.assertions + " assertions, " +
|
262 |
+
this.failures + " failures, " +
|
263 |
+
this.errors + " errors" + "\n" +
|
264 |
+
this.messages.join("\n"));
|
265 |
+
},
|
266 |
+
pass: function() {
|
267 |
+
this.assertions++;
|
268 |
+
},
|
269 |
+
fail: function(message) {
|
270 |
+
this.failures++;
|
271 |
+
this.messages.push("Failure: " + message);
|
272 |
+
},
|
273 |
+
info: function(message) {
|
274 |
+
this.messages.push("Info: " + message);
|
275 |
+
},
|
276 |
+
error: function(error) {
|
277 |
+
this.errors++;
|
278 |
+
this.messages.push(error.name + ": "+ error.message + "(" + Test.Unit.inspect(error) +")");
|
279 |
+
},
|
280 |
+
status: function() {
|
281 |
+
if (this.failures > 0) return 'failed';
|
282 |
+
if (this.errors > 0) return 'error';
|
283 |
+
return 'passed';
|
284 |
+
},
|
285 |
+
assert: function(expression) {
|
286 |
+
var message = arguments[1] || 'assert: got "' + Test.Unit.inspect(expression) + '"';
|
287 |
+
try { expression ? this.pass() :
|
288 |
+
this.fail(message); }
|
289 |
+
catch(e) { this.error(e); }
|
290 |
+
},
|
291 |
+
assertEqual: function(expected, actual) {
|
292 |
+
var message = arguments[2] || "assertEqual";
|
293 |
+
try { (expected == actual) ? this.pass() :
|
294 |
+
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
295 |
+
'", actual "' + Test.Unit.inspect(actual) + '"'); }
|
296 |
+
catch(e) { this.error(e); }
|
297 |
+
},
|
298 |
+
assertInspect: function(expected, actual) {
|
299 |
+
var message = arguments[2] || "assertInspect";
|
300 |
+
try { (expected == actual.inspect()) ? this.pass() :
|
301 |
+
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
302 |
+
'", actual "' + Test.Unit.inspect(actual) + '"'); }
|
303 |
+
catch(e) { this.error(e); }
|
304 |
+
},
|
305 |
+
assertEnumEqual: function(expected, actual) {
|
306 |
+
var message = arguments[2] || "assertEnumEqual";
|
307 |
+
try { $A(expected).length == $A(actual).length &&
|
308 |
+
expected.zip(actual).all(function(pair) { return pair[0] == pair[1] }) ?
|
309 |
+
this.pass() : this.fail(message + ': expected ' + Test.Unit.inspect(expected) +
|
310 |
+
', actual ' + Test.Unit.inspect(actual)); }
|
311 |
+
catch(e) { this.error(e); }
|
312 |
+
},
|
313 |
+
assertNotEqual: function(expected, actual) {
|
314 |
+
var message = arguments[2] || "assertNotEqual";
|
315 |
+
try { (expected != actual) ? this.pass() :
|
316 |
+
this.fail(message + ': got "' + Test.Unit.inspect(actual) + '"'); }
|
317 |
+
catch(e) { this.error(e); }
|
318 |
+
},
|
319 |
+
assertIdentical: function(expected, actual) {
|
320 |
+
var message = arguments[2] || "assertIdentical";
|
321 |
+
try { (expected === actual) ? this.pass() :
|
322 |
+
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
323 |
+
'", actual "' + Test.Unit.inspect(actual) + '"'); }
|
324 |
+
catch(e) { this.error(e); }
|
325 |
+
},
|
326 |
+
assertNotIdentical: function(expected, actual) {
|
327 |
+
var message = arguments[2] || "assertNotIdentical";
|
328 |
+
try { !(expected === actual) ? this.pass() :
|
329 |
+
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
330 |
+
'", actual "' + Test.Unit.inspect(actual) + '"'); }
|
331 |
+
catch(e) { this.error(e); }
|
332 |
+
},
|
333 |
+
assertNull: function(obj) {
|
334 |
+
var message = arguments[1] || 'assertNull';
|
335 |
+
try { (obj==null) ? this.pass() :
|
336 |
+
this.fail(message + ': got "' + Test.Unit.inspect(obj) + '"'); }
|
337 |
+
catch(e) { this.error(e); }
|
338 |
+
},
|
339 |
+
assertMatch: function(expected, actual) {
|
340 |
+
var message = arguments[2] || 'assertMatch';
|
341 |
+
var regex = new RegExp(expected);
|
342 |
+
try { (regex.exec(actual)) ? this.pass() :
|
343 |
+
this.fail(message + ' : regex: "' + Test.Unit.inspect(expected) + ' did not match: ' + Test.Unit.inspect(actual) + '"'); }
|
344 |
+
catch(e) { this.error(e); }
|
345 |
+
},
|
346 |
+
assertHidden: function(element) {
|
347 |
+
var message = arguments[1] || 'assertHidden';
|
348 |
+
this.assertEqual("none", element.style.display, message);
|
349 |
+
},
|
350 |
+
assertNotNull: function(object) {
|
351 |
+
var message = arguments[1] || 'assertNotNull';
|
352 |
+
this.assert(object != null, message);
|
353 |
+
},
|
354 |
+
assertType: function(expected, actual) {
|
355 |
+
var message = arguments[2] || 'assertType';
|
356 |
+
try {
|
357 |
+
(actual.constructor == expected) ? this.pass() :
|
358 |
+
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
359 |
+
'", actual "' + (actual.constructor) + '"'); }
|
360 |
+
catch(e) { this.error(e); }
|
361 |
+
},
|
362 |
+
assertNotOfType: function(expected, actual) {
|
363 |
+
var message = arguments[2] || 'assertNotOfType';
|
364 |
+
try {
|
365 |
+
(actual.constructor != expected) ? this.pass() :
|
366 |
+
this.fail(message + ': expected "' + Test.Unit.inspect(expected) +
|
367 |
+
'", actual "' + (actual.constructor) + '"'); }
|
368 |
+
catch(e) { this.error(e); }
|
369 |
+
},
|
370 |
+
assertInstanceOf: function(expected, actual) {
|
371 |
+
var message = arguments[2] || 'assertInstanceOf';
|
372 |
+
try {
|
373 |
+
(actual instanceof expected) ? this.pass() :
|
374 |
+
this.fail(message + ": object was not an instance of the expected type"); }
|
375 |
+
catch(e) { this.error(e); }
|
376 |
+
},
|
377 |
+
assertNotInstanceOf: function(expected, actual) {
|
378 |
+
var message = arguments[2] || 'assertNotInstanceOf';
|
379 |
+
try {
|
380 |
+
!(actual instanceof expected) ? this.pass() :
|
381 |
+
this.fail(message + ": object was an instance of the not expected type"); }
|
382 |
+
catch(e) { this.error(e); }
|
383 |
+
},
|
384 |
+
assertRespondsTo: function(method, obj) {
|
385 |
+
var message = arguments[2] || 'assertRespondsTo';
|
386 |
+
try {
|
387 |
+
(obj[method] && typeof obj[method] == 'function') ? this.pass() :
|
388 |
+
this.fail(message + ": object doesn't respond to [" + method + "]"); }
|
389 |
+
catch(e) { this.error(e); }
|
390 |
+
},
|
391 |
+
assertReturnsTrue: function(method, obj) {
|
392 |
+
var message = arguments[2] || 'assertReturnsTrue';
|
393 |
+
try {
|
394 |
+
var m = obj[method];
|
395 |
+
if(!m) m = obj['is'+method.charAt(0).toUpperCase()+method.slice(1)];
|
396 |
+
m() ? this.pass() :
|
397 |
+
this.fail(message + ": method returned false"); }
|
398 |
+
catch(e) { this.error(e); }
|
399 |
+
},
|
400 |
+
assertReturnsFalse: function(method, obj) {
|
401 |
+
var message = arguments[2] || 'assertReturnsFalse';
|
402 |
+
try {
|
403 |
+
var m = obj[method];
|
404 |
+
if(!m) m = obj['is'+method.charAt(0).toUpperCase()+method.slice(1)];
|
405 |
+
!m() ? this.pass() :
|
406 |
+
this.fail(message + ": method returned true"); }
|
407 |
+
catch(e) { this.error(e); }
|
408 |
+
},
|
409 |
+
assertRaise: function(exceptionName, method) {
|
410 |
+
var message = arguments[2] || 'assertRaise';
|
411 |
+
try {
|
412 |
+
method();
|
413 |
+
this.fail(message + ": exception expected but none was raised"); }
|
414 |
+
catch(e) {
|
415 |
+
((exceptionName == null) || (e.name==exceptionName)) ? this.pass() : this.error(e);
|
416 |
+
}
|
417 |
+
},
|
418 |
+
assertElementsMatch: function() {
|
419 |
+
var expressions = $A(arguments), elements = $A(expressions.shift());
|
420 |
+
if (elements.length != expressions.length) {
|
421 |
+
this.fail('assertElementsMatch: size mismatch: ' + elements.length + ' elements, ' + expressions.length + ' expressions');
|
422 |
+
return false;
|
423 |
+
}
|
424 |
+
elements.zip(expressions).all(function(pair, index) {
|
425 |
+
var element = $(pair.first()), expression = pair.last();
|
426 |
+
if (element.match(expression)) return true;
|
427 |
+
this.fail('assertElementsMatch: (in index ' + index + ') expected ' + expression.inspect() + ' but got ' + element.inspect());
|
428 |
+
}.bind(this)) && this.pass();
|
429 |
+
},
|
430 |
+
assertElementMatches: function(element, expression) {
|
431 |
+
this.assertElementsMatch([element], expression);
|
432 |
+
},
|
433 |
+
benchmark: function(operation, iterations) {
|
434 |
+
var startAt = new Date();
|
435 |
+
(iterations || 1).times(operation);
|
436 |
+
var timeTaken = ((new Date())-startAt);
|
437 |
+
this.info((arguments[2] || 'Operation') + ' finished ' +
|
438 |
+
iterations + ' iterations in ' + (timeTaken/1000)+'s' );
|
439 |
+
return timeTaken;
|
440 |
+
},
|
441 |
+
_isVisible: function(element) {
|
442 |
+
element = $(element);
|
443 |
+
if(!element.parentNode) return true;
|
444 |
+
this.assertNotNull(element);
|
445 |
+
if(element.style && Element.getStyle(element, 'display') == 'none')
|
446 |
+
return false;
|
447 |
+
|
448 |
+
return this._isVisible(element.parentNode);
|
449 |
+
},
|
450 |
+
assertNotVisible: function(element) {
|
451 |
+
this.assert(!this._isVisible(element), Test.Unit.inspect(element) + " was not hidden and didn't have a hidden parent either. " + ("" || arguments[1]));
|
452 |
+
},
|
453 |
+
assertVisible: function(element) {
|
454 |
+
this.assert(this._isVisible(element), Test.Unit.inspect(element) + " was not visible. " + ("" || arguments[1]));
|
455 |
+
},
|
456 |
+
benchmark: function(operation, iterations) {
|
457 |
+
var startAt = new Date();
|
458 |
+
(iterations || 1).times(operation);
|
459 |
+
var timeTaken = ((new Date())-startAt);
|
460 |
+
this.info((arguments[2] || 'Operation') + ' finished ' +
|
461 |
+
iterations + ' iterations in ' + (timeTaken/1000)+'s' );
|
462 |
+
return timeTaken;
|
463 |
+
}
|
464 |
+
};
|
465 |
+
|
466 |
+
Test.Unit.Testcase = Class.create();
|
467 |
+
Object.extend(Object.extend(Test.Unit.Testcase.prototype, Test.Unit.Assertions.prototype), {
|
468 |
+
initialize: function(name, test, setup, teardown) {
|
469 |
+
Test.Unit.Assertions.prototype.initialize.bind(this)();
|
470 |
+
this.name = name;
|
471 |
+
|
472 |
+
if(typeof test == 'string') {
|
473 |
+
test = test.gsub(/(\.should[^\(]+\()/,'#{0}this,');
|
474 |
+
test = test.gsub(/(\.should[^\(]+)\(this,\)/,'#{1}(this)');
|
475 |
+
this.test = function() {
|
476 |
+
eval('with(this){'+test+'}');
|
477 |
+
}
|
478 |
+
} else {
|
479 |
+
this.test = test || function() {};
|
480 |
+
}
|
481 |
+
|
482 |
+
this.setup = setup || function() {};
|
483 |
+
this.teardown = teardown || function() {};
|
484 |
+
this.isWaiting = false;
|
485 |
+
this.timeToWait = 1000;
|
486 |
+
},
|
487 |
+
wait: function(time, nextPart) {
|
488 |
+
this.isWaiting = true;
|
489 |
+
this.test = nextPart;
|
490 |
+
this.timeToWait = time;
|
491 |
+
},
|
492 |
+
run: function() {
|
493 |
+
try {
|
494 |
+
try {
|
495 |
+
if (!this.isWaiting) this.setup.bind(this)();
|
496 |
+
this.isWaiting = false;
|
497 |
+
this.test.bind(this)();
|
498 |
+
} finally {
|
499 |
+
if(!this.isWaiting) {
|
500 |
+
this.teardown.bind(this)();
|
501 |
+
}
|
502 |
+
}
|
503 |
+
}
|
504 |
+
catch(e) { this.error(e); }
|
505 |
+
}
|
506 |
+
});
|
507 |
+
|
508 |
+
// *EXPERIMENTAL* BDD-style testing to please non-technical folk
|
509 |
+
// This draws many ideas from RSpec http://rspec.rubyforge.org/
|
510 |
+
|
511 |
+
Test.setupBDDExtensionMethods = function(){
|
512 |
+
var METHODMAP = {
|
513 |
+
shouldEqual: 'assertEqual',
|
514 |
+
shouldNotEqual: 'assertNotEqual',
|
515 |
+
shouldEqualEnum: 'assertEnumEqual',
|
516 |
+
shouldBeA: 'assertType',
|
517 |
+
shouldNotBeA: 'assertNotOfType',
|
518 |
+
shouldBeAn: 'assertType',
|
519 |
+
shouldNotBeAn: 'assertNotOfType',
|
520 |
+
shouldBeNull: 'assertNull',
|
521 |
+
shouldNotBeNull: 'assertNotNull',
|
522 |
+
|
523 |
+
shouldBe: 'assertReturnsTrue',
|
524 |
+
shouldNotBe: 'assertReturnsFalse',
|
525 |
+
shouldRespondTo: 'assertRespondsTo'
|
526 |
+
};
|
527 |
+
var makeAssertion = function(assertion, args, object) {
|
528 |
+
this[assertion].apply(this,(args || []).concat([object]));
|
529 |
+
};
|
530 |
+
|
531 |
+
Test.BDDMethods = {};
|
532 |
+
$H(METHODMAP).each(function(pair) {
|
533 |
+
Test.BDDMethods[pair.key] = function() {
|
534 |
+
var args = $A(arguments);
|
535 |
+
var scope = args.shift();
|
536 |
+
makeAssertion.apply(scope, [pair.value, args, this]); };
|
537 |
+
});
|
538 |
+
|
539 |
+
[Array.prototype, String.prototype, Number.prototype, Boolean.prototype].each(
|
540 |
+
function(p){ Object.extend(p, Test.BDDMethods) }
|
541 |
+
);
|
542 |
+
};
|
543 |
+
|
544 |
+
Test.context = function(name, spec, log){
|
545 |
+
Test.setupBDDExtensionMethods();
|
546 |
+
|
547 |
+
var compiledSpec = {};
|
548 |
+
var titles = {};
|
549 |
+
for(specName in spec) {
|
550 |
+
switch(specName){
|
551 |
+
case "setup":
|
552 |
+
case "teardown":
|
553 |
+
compiledSpec[specName] = spec[specName];
|
554 |
+
break;
|
555 |
+
default:
|
556 |
+
var testName = 'test'+specName.gsub(/\s+/,'-').camelize();
|
557 |
+
var body = spec[specName].toString().split('\n').slice(1);
|
558 |
+
if(/^\{/.test(body[0])) body = body.slice(1);
|
559 |
+
body.pop();
|
560 |
+
body = body.map(function(statement){
|
561 |
+
return statement.strip()
|
562 |
+
});
|
563 |
+
compiledSpec[testName] = body.join('\n');
|
564 |
+
titles[testName] = specName;
|
565 |
+
}
|
566 |
+
}
|
567 |
+
new Test.Unit.Runner(compiledSpec, { titles: titles, testLog: log || 'testlog', context: name });
|
568 |
+
};
|
package.xml
ADDED
@@ -0,0 +1,18 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?xml version="1.0"?>
|
2 |
+
<package>
|
3 |
+
<name>Lib_Js_Prototype</name>
|
4 |
+
<version>1.6.0.3.0</version>
|
5 |
+
<stability>stable</stability>
|
6 |
+
<license>Mixed</license>
|
7 |
+
<channel>community</channel>
|
8 |
+
<extends/>
|
9 |
+
<summary>Prototype and Scriptaculous Javascript Libraries for Magento</summary>
|
10 |
+
<description>Prototype and Scriptaculous Javascript Libraries for Magento</description>
|
11 |
+
<notes>1.6.0.3.0</notes>
|
12 |
+
<authors><author><name>Magento Core Team</name><user>auto-converted</user><email>core@magentocommerce.com</email></author></authors>
|
13 |
+
<date>2010-02-12</date>
|
14 |
+
<time>22:54:30</time>
|
15 |
+
<contents><target name="mageweb"><dir name="js"><dir name="prototype"><dir name="windows"><dir name="themes"><dir name="alert"><file name="bottom.gif" hash="e859e3bc00c4f10360fa81a659aa673f"/><file name="bottom_left.gif" hash="53585b1a0351d599e76a85ccc26f7980"/><file name="bottom_right.gif" hash="8170abe3fec71fd17612869a2f036cd6"/><file name="left.gif" hash="4f235c4e6afb0d386d220638c49e4545"/><file name="overlay.png" hash="f4ddcee6f819975bc9c5643b570de6dc"/><file name="progress.gif" hash="86b1ac6d1c485d54efa3a53643e91ceb"/><file name="right.gif" hash="838ade41815529e7a63f99c93b3a01f7"/><file name="top.gif" hash="8702ca9b81c19f6220ce81c4ea215878"/><file name="top_left.gif" hash="a8c097bcb67bddf640c2bd9161b79476"/><file name="top_right.gif" hash="05ef4e1a417a5a2c81fc816406a4842a"/></dir><dir name="alphacube"><file name="bottom-left-c.gif" hash="434cdfc5298f33efb108264cf3370e1c"/><file name="bottom-middle.gif" hash="3f882dd32d57a29a785f448bbba5ed26"/><file name="bottom-right-c.gif" hash="4c37ad7b94fc901a1cfaf54a1742d5fd"/><file name="button-close-focus.gif" hash="99c44a6df2733b58083af7a4d9522116"/><file name="button-max-focus.gif" hash="408cd33fa89269b8395bf10afe69d456"/><file name="button-min-focus.gif" hash="ae06210658bad8bcc88dea377c4dc908"/><file name="frame-left.gif" hash="1bb1207b43425d214d4dc0da108f5449"/><file name="frame-right.gif" hash="8b9c36079881aa15c27a137666c56a38"/><file name="left-top.gif" hash="1ea936a090b4dfe8160fcb3a90ddb145"/><file name="right-top.gif" hash="e1b641feab640cb4207fa52160715e32"/><file name="top-middle.gif" hash="7f94c1018d023832c7c9e1fa468a9555"/></dir><dir name="darkX"><file name="button-close-focused.png" hash="5090b529a86a79679e0a26ccb0e1b0c6"/><file name="button-maximize-focused.png" hash="0f84bfcc9626d2cb1826291268b29f20"/><file name="button-minimize-focused.png" hash="630cd8cdd7124d412c6253e5c7cfc32a"/><file name="frame-bottom-left-focused.png" hash="8a34a3be2f349315dfd287ec15148332"/><file name="frame-bottom-mid-focused.png" hash="f1dbacdb64a19e00a485d426126f26db"/><file name="frame-bottom-right-focused.png" hash="17acb7874856dc68c3c017238d42054a"/><file name="frame-left-focused.png" hash="f30ab13888b2e48d0637991164a8f748"/><file name="frame-right-focused.png" hash="1115115c62507971b2f5eed3c2c5c2d0"/><file name="titlebar-left-focused.png" hash="491130dedbdbb3b2682f37424347b14c"/><file name="titlebar-mid-focused.png" hash="ae46975fc8a5e5a9f73f810d0c88809a"/><file name="titlebar-right-focused.png" hash="9560eb10dee94985f3ebe935833e2ae4"/></dir><dir name="default"><file name="bottom_left.gif" hash="fb99ffa815a8648f95f42698fe5dfaa1"/><file name="bottom_mid.gif" hash="49b9ca7025562ea7f070a9111282364b"/><file name="bottom_right.gif" hash="e46768f632765cd86c5fe5d0166dcf2c"/><file name="bottom_right_resize.gif" hash="1b35a4ec3b734dfe37e31ba87bcc7d99"/><file name="center_left.gif" hash="bd567580b4ee16a7a2734057cfbbe219"/><file name="center_right.gif" hash="eef184d5d89d1710313581a2ccf408e8"/><file name="clear.gif" hash="7af1206eeb0e7834a75e69d70676060d"/><file name="close.gif" hash="8a08f243c37a8e25a88d4ac135b2f07d"/><file name="inspect.gif" hash="aa2a0961067aad5c54b8634919af863b"/><file name="maximize.gif" hash="e73cd71c4979ebeadeb9e27d40a9e8fb"/><file name="minimize.gif" hash="2d2f4b1bd0506f342425f80ab76c49a3"/><file name="overlay.png" hash="536d40e87cda0c7ae7b11f1721aa52d0"/><file name="resize.gif" hash="320f534b5d444b39701e0b679529e779"/><file name="sizer.gif" hash="1b35a4ec3b734dfe37e31ba87bcc7d99"/><file name="top_left.gif" hash="9c5e5920bfc189a45cc618099af93aa8"/><file name="top_mid.gif" hash="a12ff2b944025ad2d127d033dae5e9e1"/><file name="top_right.gif" hash="0cf1ec5b93f8ac8fcce0e2f72cf7f45e"/></dir><dir name="iefix"><file name="blank.gif" hash="56398e76be6355ad5999b262208a17c9"/><file name="iepngfix.css" hash="da3154c9a817850376f73a7976bfcb13"/><file name="iepngfix.htc" hash="b50c4e352a64254c5ceb6c63bcd0b176"/></dir><dir name="lighting"><file name="background_buttons.gif" hash="e66e67aaaf08a7b24f3cd1ba22584b42"/><file name="bottom-left-blue.png" hash="7c9e91d421945141315fc105d464a99f"/><file name="bottom-left-darkblue.png" hash="e88c2380acf403ee28597c6045988cc6"/><file name="bottom-left-green.png" hash="ee25ce8a12229b009fbfd91f7ba51e26"/><file name="bottom-left-grey.png" hash="5fdb3eae397ac7279aa5a7fdaad3dcc2"/><file name="bottom-middle-blue.png" hash="e93cc9d31d88f45c047a98a66be04354"/><file name="bottom-middle-darkblue.png" hash="763c88c424e0900e675042d3f0958bd4"/><file name="bottom-middle-green.png" hash="77e0a22afd2c55a83b5c7fa98a12ef25"/><file name="bottom-middle-grey.png" hash="3a2ebdeff74e2ff63c4471575568dd01"/><file name="bottom-right-blue.png" hash="0bc11a61047e8716451a283ebff897e5"/><file name="bottom-right-darkblue.png" hash="88e33ea702a304ae237edd57bc8447d6"/><file name="bottom-right-green.png" hash="7bce162df013eba43a659ae6e780ae4b"/><file name="bottom-right-grey.png" hash="86eb476492d911aac5688c9747fe7a1d"/><file name="button-close-blue.png" hash="42ae1a35caf8a9a275d6e748c27769fb"/><file name="button-close-darkblue.png" hash="50dbcd898dc519c1e6ac0d3a478978cd"/><file name="button-close-green.png" hash="b4273572fa91cba909a0a3e15b994d19"/><file name="button-close-grey.png" hash="124964b634ba67f2bb6dd08cf8cafd5a"/><file name="button-maximize-blue.png" hash="85b79237d85b09c205e09166dd8f4af0"/><file name="button-maximize-darkblue.png" hash="108d10619214e3365820aa4ab008aed5"/><file name="button-maximize-green.png" hash="90f5527705e4fd81997564e81c6ac2a3"/><file name="button-maximize-grey.png" hash="c46a8c014bd14be167f4c6a2f2dd52ed"/><file name="button-minimize-blue.png" hash="1fd738b99877a4dfa5656491cc3d8e6b"/><file name="button-minimize-darkblue.png" hash="b6d9da1cdf51ab54682fa75a6df2c40d"/><file name="button-minimize-green.png" hash="9e7d26298a0a49ffee3fbab6ea838e01"/><file name="button-minimize-grey.png" hash="0432701c2425cb3a5143d8a04bda0d87"/><file name="left-blue.png" hash="0a6acf0a863c04845a93b681769527cd"/><file name="left-darkblue.png" hash="44cdce8a75de4425d7eb7763092cc38d"/><file name="left-green.png" hash="d83116c49d62dc46bff0b7b4200b4ecf"/><file name="left-grey.png" hash="f3486d3293ae98b5edb8889c4b4082ef"/><file name="pngbehavior.htc" hash="b94c44e30423fd18a8b82bda5a139db3"/><file name="right-blue.png" hash="2c9b6b80d4a6b190b8e38a1c101e828c"/><file name="right-darkblue.png" hash="9b3267c5d36bb3f4588167cc3e78e569"/><file name="right-green.png" hash="4436968c2adbe6ed7c475c225631bc7c"/><file name="right-grey.png" hash="36b3de47bcbbd6b53e2f6e06843ee6e8"/><file name="spinner.gif" hash="c7b3cbb3ec8249a7121b722cdd76b870"/><file name="top-left-blue.png" hash="a5cb9eaa82f67df223d6784a52b26f1f"/><file name="top-left-darkblue.png" hash="e4a3af23d2cae7909331eb1995963c82"/><file name="top-left-green.png" hash="eb4cb604177c342998023d3dcd3aa5b0"/><file name="top-left-grey.png" hash="9f6f39abc4ae9539a0f54567a4a5d4f8"/><file name="top-middle-blue.png" hash="6d01df8637385bbe592b8df369294c8d"/><file name="top-middle-darkblue.png" hash="2c91ea6462e72a29cd07300d4102b88a"/><file name="top-middle-green.png" hash="e0f56311091bfb370fc6783fc7e71068"/><file name="top-middle-grey.png" hash="8c02881b730d602589fe9ed4bcaeb689"/><file name="top-right-blue.png" hash="4afefb06dc63c864211724a6348f25ad"/><file name="top-right-darkblue.png" hash="d8a9031987f648f170af67023179618d"/><file name="top-right-green.png" hash="b38813f9200440051273bdd622f5e545"/><file name="top-right-grey.png" hash="d7f7332ddf8686fb9810e4170767bf52"/></dir><dir name="magento"><file name="button-close-focused.png" hash="5771d6d66a73a93c6027b1cafa9f8626"/><file name="top_bg.gif" hash="fdce7a29552bc72446f895df68ed10d0"/></dir><dir name="nuncio"><file name="bottom_left.png" hash="d9be5c7b432a342c6da5ef9b10148267"/><file name="bottom_mid.png" hash="facee2e7ee7c572a8f412750b0ce5387"/><file name="bottom_right.png" hash="6f3c124a066a11ff225897112de8e9d7"/><file name="center_left.png" hash="a11bee83f99addccc0d5eff3d2e82b8f"/><file name="center_right.png" hash="bf6b023ad1751d5f60f9820eea72ac28"/><file name="close.png" hash="46744062a7b54416c8767f8e0ccf1c41"/><file name="minimize.png" hash="bc911a3e90fc0640e0899856759a5e01"/><file name="overlay.png" hash="5ccd88855e923eb8a1bd9da1dec9d7fe"/><file name="top_left.png" hash="d3105aacc2c69954df11af953875a12e"/><file name="top_mid.png" hash="cb679a8c77e9b7485b5f0eca547eb103"/><file name="top_right.png" hash="e65d6fc6bf53891c487e414db16f1038"/></dir><dir name="spread"><file name="bottom-left-c.gif" hash="84641d08576f68a11f717103365dfb83"/><file name="bottom-middle.gif" hash="20ab265c67355c5b72cdcdc8739af555"/><file name="bottom-right-c.gif" hash="cb27b72623e997badc599e76024a6e44"/><file name="button-close-focus.gif" hash="99c44a6df2733b58083af7a4d9522116"/><file name="button-max-focus.gif" hash="408cd33fa89269b8395bf10afe69d456"/><file name="button-min-focus.gif" hash="ae06210658bad8bcc88dea377c4dc908"/><file name="frame-left.gif" hash="63dc99b0c4ba0518688f7eca1f1628ca"/><file name="frame-right.gif" hash="a03585eec830f37898c7041d557dafc5"/><file name="left-top.gif" hash="7c78b8b59976d19191acf940cbfc04fb"/><file name="right-top.gif" hash="597530287fe1dc491278f855749f7e01"/><file name="top-middle.gif" hash="fa6fd6b90945c47f8d1718d9139d0a75"/></dir><file name="alert.css" hash="27df86baae5a6fa2e3556bdf1b85ccc6"/><file name="alert_lite.css" hash="fbeaff8f185cd3b302f1a8db5efa0110"/><file name="alphacube.css" hash="27c968911eaef53df158c55083ef0c84"/><file name="behavior.htc" hash="5588dff36ad5595f8353730e853044e5"/><file name="darkX.css" hash="16a964cfe57a2c979ad3d97831673b79"/><file name="debug.css" hash="63ee9aa7b7d80e0bb5e311407746ccd3"/><file name="default.css" hash="16014098f441d12d06c088135e2fde28"/><file name="lighting.css" hash="d13de730c8ee7ef04167d361bdf8eebd"/><file name="mac_os_x.css" hash="65204ef34c1eeff0be29c53b0614076a"/><file name="mac_os_x_dialog.css" hash="0b7cd9d6a9e8f940f50bc4a080f54b1b"/><file name="magento.css" hash="26845e1d1a5a0bb13a38371ba7078351"/><file name="nuncio.css" hash="e30e31b94d96b0b27c80ad6d943d7010"/><file name="spread.css" hash="a804413d7f1f9550c134477f6f9219ee"/></dir><file name="MIT-LICENSE" hash="a839f717f1675b571481268a4e4a4ee2"/><file name="README" hash="75b8b2e714cbcb48337540a451655967"/></dir><file name="debug.js" hash="d5990eabf728ade1f34496737455c8ff"/><file name="deprecation.js" hash="4dfe41a2d0ef43c8fe7726bd2b80b18d"/><file name="effects.js" hash="91e1b7d8c6043dff4eadbe054a90e3a7"/><file name="extended_debug.js" hash="cc706bc76bb1c5a2610fc296cd85e053"/><file name="prototype.js" hash="d23187d61f796d39487acbe34af031bc"/><file name="tooltip.js" hash="8509b04b1594b7e6382d7cfdf4ee1236"/><file name="tooltip_manager.js" hash="6b9759cbad296fda3c18d7669d6b5af0"/><file name="validation.js" hash="504b8f2e9b1402ef14991abc45c35de8"/><file name="window.js" hash="90c94ca69a6acf7ee4fb0c4e00916a71"/><file name="window_effects.js" hash="3c0b47a0f3cd41753a3992d01c118c3d"/><file name="window_ext.js" hash="5ab45fe5f734927890c95b9d5547f47f"/><file name="window_readme.txt" hash="97306d2a8c4be2ec65f66d2ec233289c"/></dir><dir name="scriptaculous"><file name="builder.js" hash="1174f6fc34ca5d54ba10b0c719386e7c"/><file name="controls.js" hash="8c414e1787c0ac9f10b16b252361c8b2"/><file name="dragdrop.js" hash="c824212f4d19277be0fd11a87a9cd0fd"/><file name="effects.js" hash="d795089f95a22306cca9b337c439c65a"/><file name="scriptaculous.js" hash="d59eba4e0b14b672208b0862ae1c2196"/><file name="slider.js" hash="6043f96a71d2685fecd02e2ab99e84d9"/><file name="sound.js" hash="0f0fab23fa2cb1bc7717fd2bdf45402e"/><file name="unittest.js" hash="99969698b22272f77bdf4c64586862b3"/></dir></dir></target></contents>
|
16 |
+
<compatible/>
|
17 |
+
<dependencies><required><package><name>Mage_Pear_Helpers</name><channel>community</channel><min>1.0.18800</min><max></max></package></required></dependencies>
|
18 |
+
</package>
|