You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@tapestry.apache.org by hl...@apache.org on 2012/08/18 00:43:58 UTC
[2/5] TAP5-1989: Upgrade bundled Prototype to version 1.7.1
http://git-wip-us.apache.org/repos/asf/tapestry-5/blob/7b397e31/tapestry-core/src/main/resources/org/apache/tapestry5/scriptaculous_1_9_0/prototype.js
----------------------------------------------------------------------
diff --git a/tapestry-core/src/main/resources/org/apache/tapestry5/scriptaculous_1_9_0/prototype.js b/tapestry-core/src/main/resources/org/apache/tapestry5/scriptaculous_1_9_0/prototype.js
index 6b6c01f..37dd39a 100644
--- a/tapestry-core/src/main/resources/org/apache/tapestry5/scriptaculous_1_9_0/prototype.js
+++ b/tapestry-core/src/main/resources/org/apache/tapestry5/scriptaculous_1_9_0/prototype.js
@@ -1,4 +1,4 @@
-/* Prototype JavaScript framework, version 1.7
+/* Prototype JavaScript framework, version 1.7.1
* (c) 2005-2010 Sam Stephenson
*
* Prototype is freely distributable under the terms of an MIT-style license.
@@ -8,7 +8,7 @@
var Prototype = {
- Version: '1.7',
+ Version: '1.7.1',
Browser: (function(){
var ua = navigator.userAgent;
@@ -49,7 +49,7 @@ var Prototype = {
})()
},
- ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>',
+ ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script\\s*>',
JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/,
emptyFunction: function() { },
@@ -59,27 +59,6 @@ var Prototype = {
if (Prototype.Browser.MobileSafari)
Prototype.BrowserFeatures.SpecificElementExtensions = false;
-
-
-var Abstract = { };
-
-
-var Try = {
- these: function() {
- var returnValue;
-
- for (var i = 0, length = arguments.length; i < length; i++) {
- var lambda = arguments[i];
- try {
- returnValue = lambda();
- break;
- } catch (e) { }
- }
-
- return returnValue;
- }
-};
-
/* Based on Alex Arnell's inheritance implementation. */
var Class = (function() {
@@ -141,8 +120,13 @@ var Class = (function() {
return function() { return ancestor[m].apply(this, arguments); };
})(property).wrap(method);
- value.valueOf = method.valueOf.bind(method);
- value.toString = method.toString.bind(method);
+ value.valueOf = (function(method) {
+ return function() { return method.valueOf.call(method); };
+ })(method);
+
+ value.toString = (function(method) {
+ return function() { return method.toString.call(method); };
+ })(method);
}
this.prototype[property] = value;
}
@@ -160,6 +144,7 @@ var Class = (function() {
(function() {
var _toString = Object.prototype.toString,
+ _hasOwnProperty = Object.prototype.hasOwnProperty,
NULL_TYPE = 'Null',
UNDEFINED_TYPE = 'Undefined',
BOOLEAN_TYPE = 'Boolean',
@@ -177,6 +162,18 @@ var Class = (function() {
JSON.stringify(0) === '0' &&
typeof JSON.stringify(Prototype.K) === 'undefined';
+
+
+ var DONT_ENUMS = ['toString', 'toLocaleString', 'valueOf',
+ 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'constructor'];
+
+ var IS_DONTENUM_BUGGY = (function(){
+ for (var p in { toString: 1 }) {
+ if (p === 'toString') return false;
+ }
+ return true;
+ })();
+
function Type(o) {
switch(o) {
case null: return NULL_TYPE;
@@ -213,9 +210,7 @@ var Class = (function() {
}
function Str(key, holder, stack) {
- var value = holder[key],
- type = typeof value;
-
+ var value = holder[key];
if (Type(value) === OBJECT_TYPE && typeof value.toJSON === 'function') {
value = value.toJSON(key);
}
@@ -235,7 +230,7 @@ var Class = (function() {
case false: return 'false';
}
- type = typeof value;
+ var type = typeof value;
switch (type) {
case 'string':
return value.inspect(true);
@@ -244,7 +239,9 @@ var Class = (function() {
case 'object':
for (var i = 0, length = stack.length; i < length; i++) {
- if (stack[i] === value) { throw new TypeError(); }
+ if (stack[i] === value) {
+ throw new TypeError("Cyclic reference to '" + value + "' in object");
+ }
}
stack.push(value);
@@ -286,10 +283,17 @@ var Class = (function() {
if (Type(object) !== OBJECT_TYPE) { throw new TypeError(); }
var results = [];
for (var property in object) {
- if (object.hasOwnProperty(property)) {
+ if (_hasOwnProperty.call(object, property))
results.push(property);
+ }
+
+ if (IS_DONTENUM_BUGGY) {
+ for (var i = 0; property = DONT_ENUMS[i]; i++) {
+ if (_hasOwnProperty.call(object, property))
+ results.push(property);
}
}
+
return results;
}
@@ -383,13 +387,27 @@ Object.extend(Function.prototype, (function() {
return names.length == 1 && !names[0] ? [] : names;
}
+
function bind(context) {
- if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this;
+ if (arguments.length < 2 && Object.isUndefined(arguments[0]))
+ return this;
+
+ if (!Object.isFunction(this))
+ throw new TypeError("The object is not callable.");
+
+ var nop = function() {};
var __method = this, args = slice.call(arguments, 1);
- return function() {
- var a = merge(args, arguments);
- return __method.apply(context, a);
- }
+
+ var bound = function() {
+ var a = merge(args, arguments), c = context;
+ var c = this instanceof bound ? this : context;
+ return __method.apply(c, a);
+ };
+
+ nop.prototype = this.prototype;
+ bound.prototype = new nop();
+
+ return bound;
}
function bindAsEventListener(context) {
@@ -439,16 +457,20 @@ Object.extend(Function.prototype, (function() {
};
}
- return {
+ var extensions = {
argumentNames: argumentNames,
- bind: bind,
bindAsEventListener: bindAsEventListener,
curry: curry,
delay: delay,
defer: defer,
wrap: wrap,
methodize: methodize
- }
+ };
+
+ if (!Function.prototype.bind)
+ extensions.bind = bind;
+
+ return extensions;
})());
@@ -609,7 +631,7 @@ Object.extend(String.prototype, (function() {
}
function evalScripts() {
- return this.extractScripts().map(function(script) { return eval(script) });
+ return this.extractScripts().map(function(script) { return eval(script); });
}
function escapeHTML() {
@@ -819,11 +841,8 @@ var $break = { };
var Enumerable = (function() {
function each(iterator, context) {
- var index = 0;
try {
- this._each(function(value) {
- iterator.call(context, value, index++);
- });
+ this._each(iterator, context);
} catch (e) {
if (e != $break) throw e;
}
@@ -842,9 +861,9 @@ var Enumerable = (function() {
iterator = iterator || Prototype.K;
var result = true;
this.each(function(value, index) {
- result = result && !!iterator.call(context, value, index);
+ result = result && !!iterator.call(context, value, index, this);
if (!result) throw $break;
- });
+ }, this);
return result;
}
@@ -852,9 +871,9 @@ var Enumerable = (function() {
iterator = iterator || Prototype.K;
var result = false;
this.each(function(value, index) {
- if (result = !!iterator.call(context, value, index))
+ if (result = !!iterator.call(context, value, index, this))
throw $break;
- });
+ }, this);
return result;
}
@@ -862,28 +881,28 @@ var Enumerable = (function() {
iterator = iterator || Prototype.K;
var results = [];
this.each(function(value, index) {
- results.push(iterator.call(context, value, index));
- });
+ results.push(iterator.call(context, value, index, this));
+ }, this);
return results;
}
function detect(iterator, context) {
var result;
this.each(function(value, index) {
- if (iterator.call(context, value, index)) {
+ if (iterator.call(context, value, index, this)) {
result = value;
throw $break;
}
- });
+ }, this);
return result;
}
function findAll(iterator, context) {
var results = [];
this.each(function(value, index) {
- if (iterator.call(context, value, index))
+ if (iterator.call(context, value, index, this))
results.push(value);
- });
+ }, this);
return results;
}
@@ -896,8 +915,8 @@ var Enumerable = (function() {
this.each(function(value, index) {
if (filter.match(value))
- results.push(iterator.call(context, value, index));
- });
+ results.push(iterator.call(context, value, index, this));
+ }, this);
return results;
}
@@ -925,8 +944,8 @@ var Enumerable = (function() {
function inject(memo, iterator, context) {
this.each(function(value, index) {
- memo = iterator.call(context, memo, value, index);
- });
+ memo = iterator.call(context, memo, value, index, this);
+ }, this);
return memo;
}
@@ -941,10 +960,10 @@ var Enumerable = (function() {
iterator = iterator || Prototype.K;
var result;
this.each(function(value, index) {
- value = iterator.call(context, value, index);
+ value = iterator.call(context, value, index, this);
if (result == null || value >= result)
result = value;
- });
+ }, this);
return result;
}
@@ -952,10 +971,10 @@ var Enumerable = (function() {
iterator = iterator || Prototype.K;
var result;
this.each(function(value, index) {
- value = iterator.call(context, value, index);
+ value = iterator.call(context, value, index, this);
if (result == null || value < result)
result = value;
- });
+ }, this);
return result;
}
@@ -963,9 +982,9 @@ var Enumerable = (function() {
iterator = iterator || Prototype.K;
var trues = [], falses = [];
this.each(function(value, index) {
- (iterator.call(context, value, index) ?
+ (iterator.call(context, value, index, this) ?
trues : falses).push(value);
- });
+ }, this);
return [trues, falses];
}
@@ -980,9 +999,9 @@ var Enumerable = (function() {
function reject(iterator, context) {
var results = [];
this.each(function(value, index) {
- if (!iterator.call(context, value, index))
+ if (!iterator.call(context, value, index, this))
results.push(value);
- });
+ }, this);
return results;
}
@@ -990,9 +1009,9 @@ var Enumerable = (function() {
return this.map(function(value, index) {
return {
value: value,
- criteria: iterator.call(context, value, index)
+ criteria: iterator.call(context, value, index, this)
};
- }).sort(function(left, right) {
+ }, this).sort(function(left, right) {
var a = left.criteria, b = right.criteria;
return a < b ? -1 : a > b ? 1 : 0;
}).pluck('value');
@@ -1142,7 +1161,7 @@ Array.from = $A;
function intersect(array) {
return this.uniq().findAll(function(item) {
- return array.detect(function(value) { return item === value });
+ return array.indexOf(item) !== -1;
});
}
@@ -1160,34 +1179,179 @@ Array.from = $A;
}
function indexOf(item, i) {
- i || (i = 0);
- var length = this.length;
- if (i < 0) i = length + i;
- for (; i < length; i++)
- if (this[i] === item) return i;
+ if (this == null) throw new TypeError();
+
+ var array = Object(this), length = array.length >>> 0;
+ if (length === 0) return -1;
+
+ i = Number(i);
+ if (isNaN(i)) {
+ i = 0;
+ } else if (i !== 0 && isFinite(i)) {
+ i = (i > 0 ? 1 : -1) * Math.floor(Math.abs(i));
+ }
+
+ if (i > length) return -1;
+
+ var k = i >= 0 ? i : Math.max(length - Math.abs(i), 0);
+ for (; k < length; k++)
+ if (k in array && array[k] === item) return k;
return -1;
}
+
function lastIndexOf(item, i) {
- i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1;
- var n = this.slice(0, i).reverse().indexOf(item);
- return (n < 0) ? n : i - n - 1;
+ if (this == null) throw new TypeError();
+
+ var array = Object(this), length = array.length >>> 0;
+ if (length === 0) return -1;
+
+ if (!Object.isUndefined(i)) {
+ i = Number(i);
+ if (isNaN(i)) {
+ i = 0;
+ } else if (i !== 0 && isFinite(i)) {
+ i = (i > 0 ? 1 : -1) * Math.floor(Math.abs(i));
+ }
+ } else {
+ i = length;
+ }
+
+ var k = i >= 0 ? Math.min(i, length - 1) :
+ length - Math.abs(i);
+
+ for (; k >= 0; k--)
+ if (k in array && array[k] === item) return k;
+ return -1;
}
- function concat() {
- var array = slice.call(this, 0), item;
- for (var i = 0, length = arguments.length; i < length; i++) {
- item = arguments[i];
+ function concat(_) {
+ var array = [], items = slice.call(arguments, 0), item, n = 0;
+ items.unshift(this);
+ for (var i = 0, length = items.length; i < length; i++) {
+ item = items[i];
if (Object.isArray(item) && !('callee' in item)) {
- for (var j = 0, arrayLength = item.length; j < arrayLength; j++)
- array.push(item[j]);
+ for (var j = 0, arrayLength = item.length; j < arrayLength; j++) {
+ if (j in item) array[n] = item[j];
+ n++;
+ }
} else {
- array.push(item);
+ array[n++] = item;
}
}
+ array.length = n;
return array;
}
+
+ function wrapNative(method) {
+ return function() {
+ if (arguments.length === 0) {
+ return method.call(this, Prototype.K);
+ } else if (arguments[0] === undefined) {
+ var args = slice.call(arguments, 1);
+ args.unshift(Prototype.K);
+ return method.apply(this, args);
+ } else {
+ return method.apply(this, arguments);
+ }
+ };
+ }
+
+
+ function map(iterator) {
+ if (this == null) throw new TypeError();
+ iterator = iterator || Prototype.K;
+
+ var object = Object(this);
+ var results = [], context = arguments[1], n = 0;
+
+ for (var i = 0, length = object.length >>> 0; i < length; i++) {
+ if (i in object) {
+ results[n] = iterator.call(context, object[i], i, object);
+ }
+ n++;
+ }
+ results.length = n;
+ return results;
+ }
+
+ if (arrayProto.map) {
+ map = wrapNative(Array.prototype.map);
+ }
+
+ function filter(iterator) {
+ if (this == null || !Object.isFunction(iterator))
+ throw new TypeError();
+
+ var object = Object(this);
+ var results = [], context = arguments[1], value;
+
+ for (var i = 0, length = object.length >>> 0; i < length; i++) {
+ if (i in object) {
+ value = object[i];
+ if (iterator.call(context, value, i, object)) {
+ results.push(value);
+ }
+ }
+ }
+ return results;
+ }
+
+ if (arrayProto.filter) {
+ filter = Array.prototype.filter;
+ }
+
+ function some(iterator) {
+ if (this == null) throw new TypeError();
+ iterator = iterator || Prototype.K;
+ var context = arguments[1];
+
+ var object = Object(this);
+ for (var i = 0, length = object.length >>> 0; i < length; i++) {
+ if (i in object && iterator.call(context, object[i], i, object)) {
+ return true;
+ }
+ }
+
+ return false;
+ }
+
+ if (arrayProto.some) {
+ var some = wrapNative(Array.prototype.some);
+ }
+
+
+ function every(iterator) {
+ if (this == null) throw new TypeError();
+ iterator = iterator || Prototype.K;
+ var context = arguments[1];
+
+ var object = Object(this);
+ for (var i = 0, length = object.length >>> 0; i < length; i++) {
+ if (i in object && !iterator.call(context, object[i], i, object)) {
+ return false;
+ }
+ }
+
+ return true;
+ }
+
+ if (arrayProto.every) {
+ var every = wrapNative(Array.prototype.every);
+ }
+
+ var _reduce = arrayProto.reduce;
+ function inject(memo, iterator) {
+ iterator = iterator || Prototype.K;
+ var context = arguments[2];
+ return _reduce.call(this, iterator.bind(context), memo);
+ }
+
+ if (!arrayProto.reduce) {
+ var inject = Enumerable.inject;
+ }
+
Object.extend(arrayProto, Enumerable);
if (!arrayProto._reverse)
@@ -1195,6 +1359,18 @@ Array.from = $A;
Object.extend(arrayProto, {
_each: _each,
+
+ map: map,
+ collect: map,
+ select: filter,
+ filter: filter,
+ findAll: filter,
+ some: some,
+ any: some,
+ every: every,
+ all: every,
+ inject: inject,
+
clear: clear,
first: first,
last: last,
@@ -1212,7 +1388,7 @@ Array.from = $A;
var CONCAT_ARGUMENTS_BUGGY = (function() {
return [].concat(arguments)[0][0] !== 1;
- })(1,2)
+ })(1,2);
if (CONCAT_ARGUMENTS_BUGGY) arrayProto.concat = concat;
@@ -1229,12 +1405,12 @@ var Hash = Class.create(Enumerable, (function() {
}
- function _each(iterator) {
+ function _each(iterator, context) {
for (var key in this._object) {
var value = this._object[key], pair = [key, value];
pair.key = key;
pair.value = value;
- iterator(pair);
+ iterator.call(context, pair);
}
}
@@ -1287,7 +1463,13 @@ var Hash = Class.create(Enumerable, (function() {
function toQueryPair(key, value) {
if (Object.isUndefined(value)) return key;
- return key + '=' + encodeURIComponent(String.interpret(value));
+
+ var value = String.interpret(value);
+
+ value = value.gsub(/(\r)?\n/, '\r\n');
+ value = encodeURIComponent(value);
+ value = value.gsub(/%20/, '+');
+ return key + '=' + value;
}
function toQueryString() {
@@ -1397,10 +1579,10 @@ var ObjectRange = Class.create(Enumerable, (function() {
this.exclusive = exclusive;
}
- function _each(iterator) {
+ function _each(iterator, context) {
var value = this.start;
while (this.include(value)) {
- iterator(value);
+ iterator.call(context, value);
value = value.succ();
}
}
@@ -1422,6 +1604,25 @@ var ObjectRange = Class.create(Enumerable, (function() {
+var Abstract = { };
+
+
+var Try = {
+ these: function() {
+ var returnValue;
+
+ for (var i = 0, length = arguments.length; i < length; i++) {
+ var lambda = arguments[i];
+ try {
+ returnValue = lambda();
+ break;
+ } catch (e) { }
+ }
+
+ return returnValue;
+ }
+};
+
var Ajax = {
getTransport: function() {
return Try.these(
@@ -1437,8 +1638,8 @@ var Ajax = {
Ajax.Responders = {
responders: [],
- _each: function(iterator) {
- this.responders._each(iterator);
+ _each: function(iterator, context) {
+ this.responders._each(iterator, context);
},
register: function(responder) {
@@ -1713,7 +1914,12 @@ Ajax.Response = Class.create({
_getHeaderJSON: function() {
var json = this.getHeader('X-JSON');
if (!json) return null;
- json = decodeURIComponent(escape(json));
+
+ try {
+ json = decodeURIComponent(escape(json));
+ } catch(e) {
+ }
+
try {
return json.evalJSON(this.request.options.sanitizeJSON ||
!this.request.isSameOrigin());
@@ -1814,54 +2020,51 @@ Ajax.PeriodicalUpdater = Class.create(Ajax.Base, {
}
});
+(function(GLOBAL) {
-function $(element) {
- if (arguments.length > 1) {
- for (var i = 0, elements = [], length = arguments.length; i < length; i++)
- elements.push($(arguments[i]));
- return elements;
+ var UNDEFINED;
+ var SLICE = Array.prototype.slice;
+
+ var DIV = document.createElement('div');
+
+
+ function $(element) {
+ if (arguments.length > 1) {
+ for (var i = 0, elements = [], length = arguments.length; i < length; i++)
+ elements.push($(arguments[i]));
+ return elements;
+ }
+
+ if (Object.isString(element))
+ element = document.getElementById(element);
+ return Element.extend(element);
}
- if (Object.isString(element))
- element = document.getElementById(element);
- return Element.extend(element);
-}
-if (Prototype.BrowserFeatures.XPath) {
- document._getElementsByXPath = function(expression, parentElement) {
- var results = [];
- var query = document.evaluate(expression, $(parentElement) || document,
- null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
- for (var i = 0, length = query.snapshotLength; i < length; i++)
- results.push(Element.extend(query.snapshotItem(i)));
- return results;
- };
-}
+ GLOBAL.$ = $;
-/*--------------------------------------------------------------------------*/
-if (!Node) var Node = { };
-
-if (!Node.ELEMENT_NODE) {
- Object.extend(Node, {
- ELEMENT_NODE: 1,
- ATTRIBUTE_NODE: 2,
- TEXT_NODE: 3,
- CDATA_SECTION_NODE: 4,
- ENTITY_REFERENCE_NODE: 5,
- ENTITY_NODE: 6,
- PROCESSING_INSTRUCTION_NODE: 7,
- COMMENT_NODE: 8,
- DOCUMENT_NODE: 9,
- DOCUMENT_TYPE_NODE: 10,
- DOCUMENT_FRAGMENT_NODE: 11,
- NOTATION_NODE: 12
- });
-}
+ if (!GLOBAL.Node) GLOBAL.Node = {};
+ if (!GLOBAL.Node.ELEMENT_NODE) {
+ Object.extend(GLOBAL.Node, {
+ ELEMENT_NODE: 1,
+ ATTRIBUTE_NODE: 2,
+ TEXT_NODE: 3,
+ CDATA_SECTION_NODE: 4,
+ ENTITY_REFERENCE_NODE: 5,
+ ENTITY_NODE: 6,
+ PROCESSING_INSTRUCTION_NODE: 7,
+ COMMENT_NODE: 8,
+ DOCUMENT_NODE: 9,
+ DOCUMENT_TYPE_NODE: 10,
+ DOCUMENT_FRAGMENT_NODE: 11,
+ NOTATION_NODE: 12
+ });
+ }
+ var ELEMENT_CACHE = {};
-(function(global) {
- function shouldUseCache(tagName, attributes) {
+ function shouldUseCreationCache(tagName, attributes) {
if (tagName === 'select') return false;
if ('type' in attributes) return false;
return true;
@@ -1877,12 +2080,11 @@ if (!Node.ELEMENT_NODE) {
}
})();
- var element = global.Element;
- global.Element = function(tagName, attributes) {
- attributes = attributes || { };
+ var oldElement = GLOBAL.Element;
+ function Element(tagName, attributes) {
+ attributes = attributes || {};
tagName = tagName.toLowerCase();
- var cache = Element.cache;
if (HAS_EXTENDED_CREATE_ELEMENT_SYNTAX && attributes.name) {
tagName = '<' + tagName + ' name="' + attributes.name + '">';
@@ -1890,783 +2092,854 @@ if (!Node.ELEMENT_NODE) {
return Element.writeAttribute(document.createElement(tagName), attributes);
}
- if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName));
+ if (!ELEMENT_CACHE[tagName])
+ ELEMENT_CACHE[tagName] = Element.extend(document.createElement(tagName));
- var node = shouldUseCache(tagName, attributes) ?
- cache[tagName].cloneNode(false) : document.createElement(tagName);
+ var node = shouldUseCreationCache(tagName, attributes) ?
+ ELEMENT_CACHE[tagName].cloneNode(false) : document.createElement(tagName);
return Element.writeAttribute(node, attributes);
- };
+ }
- Object.extend(global.Element, element || { });
- if (element) global.Element.prototype = element.prototype;
+ GLOBAL.Element = Element;
-})(this);
+ Object.extend(GLOBAL.Element, oldElement || {});
+ if (oldElement) GLOBAL.Element.prototype = oldElement.prototype;
+
+ Element.Methods = { ByTag: {}, Simulated: {} };
+
+ var methods = {};
-Element.idCounter = 1;
-Element.cache = { };
+ var INSPECT_ATTRIBUTES = { id: 'id', className: 'class' };
+ function inspect(element) {
+ element = $(element);
+ var result = '<' + element.tagName.toLowerCase();
+
+ var attribute, value;
+ for (var property in INSPECT_ATTRIBUTES) {
+ attribute = INSPECT_ATTRIBUTES[property];
+ value = (element[property] || '').toString();
+ if (value) result += ' ' + attribute + '=' + value.inspect(true);
+ }
-Element._purgeElement = function(element) {
- var uid = element._prototypeUID;
- if (uid) {
- Element.stopObserving(element);
- element._prototypeUID = void 0;
- delete Element.Storage[uid];
+ return result + '>';
}
-}
-Element.Methods = {
- visible: function(element) {
- return $(element).style.display != 'none';
- },
+ methods.inspect = inspect;
- toggle: function(element) {
+
+ function visible(element) {
+ return $(element).style.display !== 'none';
+ }
+
+ function toggle(element, bool) {
element = $(element);
- Element[Element.visible(element) ? 'hide' : 'show'](element);
+ if (Object.isUndefined(bool))
+ bool = !Element.visible(element);
+ Element[bool ? 'show' : 'hide'](element);
+
return element;
- },
+ }
- hide: function(element) {
+ function hide(element) {
element = $(element);
element.style.display = 'none';
return element;
- },
+ }
- show: function(element) {
+ function show(element) {
element = $(element);
element.style.display = '';
return element;
- },
+ }
+
+
+ Object.extend(methods, {
+ visible: visible,
+ toggle: toggle,
+ hide: hide,
+ show: show
+ });
+
- remove: function(element) {
+ function remove(element) {
element = $(element);
element.parentNode.removeChild(element);
return element;
- },
+ }
- update: (function(){
+ var SELECT_ELEMENT_INNERHTML_BUGGY = (function(){
+ var el = document.createElement("select"),
+ isBuggy = true;
+ el.innerHTML = "<option value=\"test\">test</option>";
+ if (el.options && el.options[0]) {
+ isBuggy = el.options[0].nodeName.toUpperCase() !== "OPTION";
+ }
+ el = null;
+ return isBuggy;
+ })();
- var SELECT_ELEMENT_INNERHTML_BUGGY = (function(){
- var el = document.createElement("select"),
- isBuggy = true;
- el.innerHTML = "<option value=\"test\">test</option>";
- if (el.options && el.options[0]) {
- isBuggy = el.options[0].nodeName.toUpperCase() !== "OPTION";
+ var TABLE_ELEMENT_INNERHTML_BUGGY = (function(){
+ try {
+ var el = document.createElement("table");
+ if (el && el.tBodies) {
+ el.innerHTML = "<tbody><tr><td>test</td></tr></tbody>";
+ var isBuggy = typeof el.tBodies[0] == "undefined";
+ el = null;
+ return isBuggy;
}
+ } catch (e) {
+ return true;
+ }
+ })();
+
+ var LINK_ELEMENT_INNERHTML_BUGGY = (function() {
+ try {
+ var el = document.createElement('div');
+ el.innerHTML = "<link />";
+ var isBuggy = (el.childNodes.length === 0);
el = null;
return isBuggy;
- })();
+ } catch(e) {
+ return true;
+ }
+ })();
- var TABLE_ELEMENT_INNERHTML_BUGGY = (function(){
- try {
- var el = document.createElement("table");
- if (el && el.tBodies) {
- el.innerHTML = "<tbody><tr><td>test</td></tr></tbody>";
- var isBuggy = typeof el.tBodies[0] == "undefined";
- el = null;
- return isBuggy;
- }
- } catch (e) {
- return true;
- }
- })();
+ var ANY_INNERHTML_BUGGY = SELECT_ELEMENT_INNERHTML_BUGGY ||
+ TABLE_ELEMENT_INNERHTML_BUGGY || LINK_ELEMENT_INNERHTML_BUGGY;
- var LINK_ELEMENT_INNERHTML_BUGGY = (function() {
- try {
- var el = document.createElement('div');
- el.innerHTML = "<link>";
- var isBuggy = (el.childNodes.length === 0);
- el = null;
- return isBuggy;
- } catch(e) {
- return true;
- }
- })();
+ var SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING = (function () {
+ var s = document.createElement("script"),
+ isBuggy = false;
+ try {
+ s.appendChild(document.createTextNode(""));
+ isBuggy = !s.firstChild ||
+ s.firstChild && s.firstChild.nodeType !== 3;
+ } catch (e) {
+ isBuggy = true;
+ }
+ s = null;
+ return isBuggy;
+ })();
- var ANY_INNERHTML_BUGGY = SELECT_ELEMENT_INNERHTML_BUGGY ||
- TABLE_ELEMENT_INNERHTML_BUGGY || LINK_ELEMENT_INNERHTML_BUGGY;
+ function update(element, content) {
+ element = $(element);
- var SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING = (function () {
- var s = document.createElement("script"),
- isBuggy = false;
- try {
- s.appendChild(document.createTextNode(""));
- isBuggy = !s.firstChild ||
- s.firstChild && s.firstChild.nodeType !== 3;
- } catch (e) {
- isBuggy = true;
- }
- s = null;
- return isBuggy;
- })();
+ var descendants = element.getElementsByTagName('*'),
+ i = descendants.length;
+ while (i--) purgeElement(descendants[i]);
+ if (content && content.toElement)
+ content = content.toElement();
- function update(element, content) {
- element = $(element);
- var purgeElement = Element._purgeElement;
+ if (Object.isElement(content))
+ return element.update().insert(content);
- var descendants = element.getElementsByTagName('*'),
- i = descendants.length;
- while (i--) purgeElement(descendants[i]);
- if (content && content.toElement)
- content = content.toElement();
+ content = Object.toHTML(content);
+ var tagName = element.tagName.toUpperCase();
- if (Object.isElement(content))
- return element.update().insert(content);
+ if (tagName === 'SCRIPT' && SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING) {
+ element.text = content;
+ return element;
+ }
- content = Object.toHTML(content);
+ if (ANY_INNERHTML_BUGGY) {
+ if (tagName in INSERTION_TRANSLATIONS.tags) {
+ while (element.firstChild)
+ element.removeChild(element.firstChild);
- var tagName = element.tagName.toUpperCase();
+ var nodes = getContentFromAnonymousElement(tagName, content.stripScripts());
+ for (var i = 0, node; node = nodes[i]; i++)
+ element.appendChild(node);
- if (tagName === 'SCRIPT' && SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING) {
- element.text = content;
- return element;
- }
+ } else if (LINK_ELEMENT_INNERHTML_BUGGY && Object.isString(content) && content.indexOf('<link') > -1) {
+ while (element.firstChild)
+ element.removeChild(element.firstChild);
- if (ANY_INNERHTML_BUGGY) {
- if (tagName in Element._insertionTranslations.tags) {
- while (element.firstChild) {
- element.removeChild(element.firstChild);
- }
- Element._getContentFromAnonymousElement(tagName, content.stripScripts())
- .each(function(node) {
- element.appendChild(node)
- });
- } else if (LINK_ELEMENT_INNERHTML_BUGGY && Object.isString(content) && content.indexOf('<link') > -1) {
- while (element.firstChild) {
- element.removeChild(element.firstChild);
- }
- var nodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts(), true);
- nodes.each(function(node) { element.appendChild(node) });
- }
- else {
- element.innerHTML = content.stripScripts();
- }
- }
- else {
+ var nodes = getContentFromAnonymousElement(tagName,
+ content.stripScripts(), true);
+
+ for (var i = 0, node; node = nodes[i]; i++)
+ element.appendChild(node);
+ } else {
element.innerHTML = content.stripScripts();
}
-
- content.evalScripts.bind(content).defer();
- return element;
+ } else {
+ element.innerHTML = content.stripScripts();
}
- return update;
- })(),
+ content.evalScripts.bind(content).defer();
+ return element;
+ }
- replace: function(element, content) {
+ function replace(element, content) {
element = $(element);
- if (content && content.toElement) content = content.toElement();
- else if (!Object.isElement(content)) {
+
+ if (content && content.toElement) {
+ content = content.toElement();
+ } else if (!Object.isElement(content)) {
content = Object.toHTML(content);
var range = element.ownerDocument.createRange();
range.selectNode(element);
content.evalScripts.bind(content).defer();
content = range.createContextualFragment(content.stripScripts());
}
+
element.parentNode.replaceChild(content, element);
return element;
- },
+ }
+
+ var INSERTION_TRANSLATIONS = {
+ before: function(element, node) {
+ element.parentNode.insertBefore(node, element);
+ },
+ top: function(element, node) {
+ element.insertBefore(node, element.firstChild);
+ },
+ bottom: function(element, node) {
+ element.appendChild(node);
+ },
+ after: function(element, node) {
+ element.parentNode.insertBefore(node, element.nextSibling);
+ },
- insert: function(element, insertions) {
+ tags: {
+ TABLE: ['<table>', '</table>', 1],
+ TBODY: ['<table><tbody>', '</tbody></table>', 2],
+ TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3],
+ TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4],
+ SELECT: ['<select>', '</select>', 1]
+ }
+ };
+
+ var tags = INSERTION_TRANSLATIONS.tags;
+
+ Object.extend(tags, {
+ THEAD: tags.TBODY,
+ TFOOT: tags.TBODY,
+ TH: tags.TD
+ });
+
+ function replace_IE(element, content) {
element = $(element);
+ if (content && content.toElement)
+ content = content.toElement();
+ if (Object.isElement(content)) {
+ element.parentNode.replaceChild(content, element);
+ return element;
+ }
- if (Object.isString(insertions) || Object.isNumber(insertions) ||
- Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML)))
- insertions = {bottom:insertions};
+ content = Object.toHTML(content);
+ var parent = element.parentNode, tagName = parent.tagName.toUpperCase();
- var content, insert, tagName, childNodes;
+ if (tagName in INSERTION_TRANSLATIONS.tags) {
+ var nextSibling = Element.next(element);
+ var fragments = getContentFromAnonymousElement(
+ tagName, content.stripScripts());
- for (var position in insertions) {
- content = insertions[position];
- position = position.toLowerCase();
- insert = Element._insertionTranslations[position];
+ parent.removeChild(element);
- if (content && content.toElement) content = content.toElement();
- if (Object.isElement(content)) {
- insert(element, content);
- continue;
- }
+ var iterator;
+ if (nextSibling)
+ iterator = function(node) { parent.insertBefore(node, nextSibling) };
+ else
+ iterator = function(node) { parent.appendChild(node); }
- content = Object.toHTML(content);
+ fragments.each(iterator);
+ } else {
+ element.outerHTML = content.stripScripts();
+ }
- tagName = ((position == 'before' || position == 'after')
- ? element.parentNode : element).tagName.toUpperCase();
+ content.evalScripts.bind(content).defer();
+ return element;
+ }
- childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
+ if ('outerHTML' in document.documentElement)
+ replace = replace_IE;
- if (position == 'top' || position == 'after') childNodes.reverse();
- childNodes.each(insert.curry(element));
+ function isContent(content) {
+ if (Object.isUndefined(content) || content === null) return false;
- content.evalScripts.bind(content).defer();
+ if (Object.isString(content) || Object.isNumber(content)) return true;
+ if (Object.isElement(content)) return true;
+ if (content.toElement || content.toHTML) return true;
+
+ return false;
+ }
+
+ function insertContentAt(element, content, position) {
+ position = position.toLowerCase();
+ var method = INSERTION_TRANSLATIONS[position];
+
+ if (content && content.toElement) content = content.toElement();
+ if (Object.isElement(content)) {
+ method(element, content);
+ return element;
}
+ content = Object.toHTML(content);
+ var tagName = ((position === 'before' || position === 'after') ?
+ element.parentNode : element).tagName.toUpperCase();
+
+ var childNodes = getContentFromAnonymousElement(tagName, content.stripScripts());
+
+ if (position === 'top' || position === 'after') childNodes.reverse();
+
+ for (var i = 0, node; node = childNodes[i]; i++)
+ method(element, node);
+
+ content.evalScripts.bind(content).defer();
+ }
+
+ function insert(element, insertions) {
+ element = $(element);
+
+ if (isContent(insertions))
+ insertions = { bottom: insertions };
+
+ for (var position in insertions)
+ insertContentAt(element, insertions[position], position);
+
return element;
- },
+ }
- wrap: function(element, wrapper, attributes) {
+ function wrap(element, wrapper, attributes) {
element = $(element);
- if (Object.isElement(wrapper))
- $(wrapper).writeAttribute(attributes || { });
- else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes);
- else wrapper = new Element('div', wrapper);
+
+ if (Object.isElement(wrapper)) {
+ $(wrapper).writeAttribute(attributes || {});
+ } else if (Object.isString(wrapper)) {
+ wrapper = new Element(wrapper, attributes);
+ } else {
+ wrapper = new Element('div', wrapper);
+ }
+
if (element.parentNode)
element.parentNode.replaceChild(wrapper, element);
+
wrapper.appendChild(element);
+
return wrapper;
- },
+ }
- inspect: function(element) {
+ function cleanWhitespace(element) {
element = $(element);
- var result = '<' + element.tagName.toLowerCase();
- $H({'id': 'id', 'className': 'class'}).each(function(pair) {
- var property = pair.first(),
- attribute = pair.last(),
- value = (element[property] || '').toString();
- if (value) result += ' ' + attribute + '=' + value.inspect(true);
- });
- return result + '>';
- },
+ var node = element.firstChild;
+
+ while (node) {
+ var nextNode = node.nextSibling;
+ if (node.nodeType === Node.TEXT_NODE && !/\S/.test(node.nodeValue))
+ element.removeChild(node);
+ node = nextNode;
+ }
+ return element;
+ }
- recursivelyCollect: function(element, property, maximumLength) {
+ function empty(element) {
+ return $(element).innerHTML.blank();
+ }
+
+ function getContentFromAnonymousElement(tagName, html, force) {
+ var t = INSERTION_TRANSLATIONS.tags[tagName], div = DIV;
+
+ var workaround = !!t;
+ if (!workaround && force) {
+ workaround = true;
+ t = ['', '', 0];
+ }
+
+ if (workaround) {
+ div.innerHTML = ' ' + t[0] + html + t[1];
+ div.removeChild(div.firstChild);
+ for (var i = t[2]; i--; )
+ div = div.firstChild;
+ } else {
+ div.innerHTML = html;
+ }
+
+ return $A(div.childNodes);
+ }
+
+ function clone(element, deep) {
+ if (!(element = $(element))) return;
+ var clone = element.cloneNode(deep);
+ if (!HAS_UNIQUE_ID_PROPERTY) {
+ clone._prototypeUID = UNDEFINED;
+ if (deep) {
+ var descendants = Element.select(clone, '*'),
+ i = descendants.length;
+ while (i--)
+ descendants[i]._prototypeUID = UNDEFINED;
+ }
+ }
+ return Element.extend(clone);
+ }
+
+ function purgeElement(element) {
+ var uid = getUniqueElementID(element);
+ if (uid) {
+ Element.stopObserving(element);
+ if (!HAS_UNIQUE_ID_PROPERTY)
+ element._prototypeUID = UNDEFINED;
+ delete Element.Storage[uid];
+ }
+ }
+
+ function purgeCollection(elements) {
+ var i = elements.length;
+ while (i--)
+ purgeElement(elements[i]);
+ }
+
+ function purgeCollection_IE(elements) {
+ var i = elements.length, element, uid;
+ while (i--) {
+ element = elements[i];
+ uid = getUniqueElementID(element);
+ delete Element.Storage[uid];
+ delete Event.cache[uid];
+ }
+ }
+
+ if (HAS_UNIQUE_ID_PROPERTY) {
+ purgeCollection = purgeCollection_IE;
+ }
+
+
+ function purge(element) {
+ if (!(element = $(element))) return;
+ purgeElement(element);
+
+ var descendants = element.getElementsByTagName('*'),
+ i = descendants.length;
+
+ while (i--) purgeElement(descendants[i]);
+
+ return null;
+ }
+
+ Object.extend(methods, {
+ remove: remove,
+ update: update,
+ replace: replace,
+ insert: insert,
+ wrap: wrap,
+ cleanWhitespace: cleanWhitespace,
+ empty: empty,
+ clone: clone,
+ purge: purge
+ });
+
+
+
+ function recursivelyCollect(element, property, maximumLength) {
element = $(element);
maximumLength = maximumLength || -1;
var elements = [];
while (element = element[property]) {
- if (element.nodeType == 1)
+ if (element.nodeType === Node.ELEMENT_NODE)
elements.push(Element.extend(element));
- if (elements.length == maximumLength)
- break;
+
+ if (elements.length === maximumLength) break;
}
return elements;
- },
+ }
- ancestors: function(element) {
- return Element.recursivelyCollect(element, 'parentNode');
- },
- descendants: function(element) {
- return Element.select(element, "*");
- },
+ function ancestors(element) {
+ return recursivelyCollect(element, 'parentNode');
+ }
+
+ function descendants(element) {
+ return Element.select(element, '*');
+ }
- firstDescendant: function(element) {
+ function firstDescendant(element) {
element = $(element).firstChild;
- while (element && element.nodeType != 1) element = element.nextSibling;
+ while (element && element.nodeType !== Node.ELEMENT_NODE)
+ element = element.nextSibling;
+
return $(element);
- },
+ }
- immediateDescendants: function(element) {
+ function immediateDescendants(element) {
var results = [], child = $(element).firstChild;
+
while (child) {
- if (child.nodeType === 1) {
+ if (child.nodeType === Node.ELEMENT_NODE)
results.push(Element.extend(child));
- }
+
child = child.nextSibling;
}
+
return results;
- },
+ }
- previousSiblings: function(element, maximumLength) {
- return Element.recursivelyCollect(element, 'previousSibling');
- },
+ function previousSiblings(element) {
+ return recursivelyCollect(element, 'previousSibling');
+ }
- nextSiblings: function(element) {
- return Element.recursivelyCollect(element, 'nextSibling');
- },
+ function nextSiblings(element) {
+ return recursivelyCollect(element, 'nextSibling');
+ }
- siblings: function(element) {
+ function siblings(element) {
element = $(element);
- return Element.previousSiblings(element).reverse()
- .concat(Element.nextSiblings(element));
- },
+ var previous = previousSiblings(element),
+ next = nextSiblings(element);
+ return previous.reverse().concat(next);
+ }
- match: function(element, selector) {
+ function match(element, selector) {
element = $(element);
+
if (Object.isString(selector))
return Prototype.Selector.match(element, selector);
+
return selector.match(element);
- },
+ }
- up: function(element, expression, index) {
- element = $(element);
- if (arguments.length == 1) return $(element.parentNode);
- var ancestors = Element.ancestors(element);
- return Object.isNumber(expression) ? ancestors[expression] :
- Prototype.Selector.find(ancestors, expression, index);
- },
- down: function(element, expression, index) {
- element = $(element);
- if (arguments.length == 1) return Element.firstDescendant(element);
- return Object.isNumber(expression) ? Element.descendants(element)[expression] :
- Element.select(element, expression)[index || 0];
- },
+ function _recursivelyFind(element, property, expression, index) {
+ element = $(element), expression = expression || 0, index = index || 0;
+ if (Object.isNumber(expression)) {
+ index = expression, expression = null;
+ }
- previous: function(element, expression, index) {
- element = $(element);
- if (Object.isNumber(expression)) index = expression, expression = false;
- if (!Object.isNumber(index)) index = 0;
+ while (element = element[property]) {
+ if (element.nodeType !== 1) continue;
+ if (expression && !Prototype.Selector.match(element, expression))
+ continue;
+ if (--index >= 0) continue;
- if (expression) {
- return Prototype.Selector.find(element.previousSiblings(), expression, index);
- } else {
- return element.recursivelyCollect("previousSibling", index + 1)[index];
+ return Element.extend(element);
}
- },
+ }
+
- next: function(element, expression, index) {
+ function up(element, expression, index) {
element = $(element);
- if (Object.isNumber(expression)) index = expression, expression = false;
- if (!Object.isNumber(index)) index = 0;
- if (expression) {
- return Prototype.Selector.find(element.nextSiblings(), expression, index);
- } else {
- var maximumLength = Object.isNumber(index) ? index + 1 : 1;
- return element.recursivelyCollect("nextSibling", index + 1)[index];
- }
- },
+ if (arguments.length === 1) return $(element.parentNode);
+ return _recursivelyFind(element, 'parentNode', expression, index);
+ }
+ function down(element, expression, index) {
+ element = $(element), expression = expression || 0, index = index || 0;
- select: function(element) {
- element = $(element);
- var expressions = Array.prototype.slice.call(arguments, 1).join(', ');
- return Prototype.Selector.select(expressions, element);
- },
+ if (Object.isNumber(expression))
+ index = expression, expression = '*';
- adjacent: function(element) {
- element = $(element);
- var expressions = Array.prototype.slice.call(arguments, 1).join(', ');
- return Prototype.Selector.select(expressions, element.parentNode).without(element);
- },
+ var node = Prototype.Selector.select(expression, element)[index];
+ return Element.extend(node);
+ }
- identify: function(element) {
+ function previous(element, expression, index) {
+ return _recursivelyFind(element, 'previousSibling', expression, index);
+ }
+
+ function next(element, expression, index) {
+ return _recursivelyFind(element, 'nextSibling', expression, index);
+ }
+
+ function select(element) {
element = $(element);
- var id = Element.readAttribute(element, 'id');
- if (id) return id;
- do { id = 'anonymous_element_' + Element.idCounter++ } while ($(id));
- Element.writeAttribute(element, 'id', id);
- return id;
- },
+ var expressions = SLICE.call(arguments, 1).join(', ');
+ return Prototype.Selector.select(expressions, element);
+ }
- readAttribute: function(element, name) {
+ function adjacent(element) {
element = $(element);
- if (Prototype.Browser.IE) {
- var t = Element._attributeTranslations.read;
- if (t.values[name]) return t.values[name](element, name);
- if (t.names[name]) name = t.names[name];
- if (name.include(':')) {
- return (!element.attributes || !element.attributes[name]) ? null :
- element.attributes[name].value;
- }
+ var expressions = SLICE.call(arguments, 1).join(', ');
+ var siblings = Element.siblings(element), results = [];
+ for (var i = 0, sibling; sibling = siblings[i]; i++) {
+ if (Prototype.Selector.match(sibling, expressions))
+ results.push(sibling);
}
- return element.getAttribute(name);
- },
- writeAttribute: function(element, name, value) {
- element = $(element);
- var attributes = { }, t = Element._attributeTranslations.write;
+ return results;
+ }
- if (typeof name == 'object') attributes = name;
- else attributes[name] = Object.isUndefined(value) ? true : value;
+ function descendantOf_DOM(element, ancestor) {
+ element = $(element), ancestor = $(ancestor);
+ while (element = element.parentNode)
+ if (element === ancestor) return true;
+ return false;
+ }
- for (var attr in attributes) {
- name = t.names[attr] || attr;
- value = attributes[attr];
- if (t.values[attr]) name = t.values[attr](element, value);
- if (value === false || value === null)
- element.removeAttribute(name);
- else if (value === true)
- element.setAttribute(name, name);
- else element.setAttribute(name, value);
- }
- return element;
- },
+ function descendantOf_contains(element, ancestor) {
+ element = $(element), ancestor = $(ancestor);
+ if (!ancestor.contains) return descendantOf_DOM(element, ancestor);
+ return ancestor.contains(element) && ancestor !== element;
+ }
- getHeight: function(element) {
- return Element.getDimensions(element).height;
- },
+ function descendantOf_compareDocumentPosition(element, ancestor) {
+ element = $(element), ancestor = $(ancestor);
+ return (element.compareDocumentPosition(ancestor) & 8) === 8;
+ }
- getWidth: function(element) {
- return Element.getDimensions(element).width;
- },
+ var descendantOf;
+ if (DIV.compareDocumentPosition) {
+ descendantOf = descendantOf_compareDocumentPosition;
+ } else if (DIV.contains) {
+ descendantOf = descendantOf_contains;
+ } else {
+ descendantOf = descendantOf_DOM;
+ }
+
+
+ Object.extend(methods, {
+ recursivelyCollect: recursivelyCollect,
+ ancestors: ancestors,
+ descendants: descendants,
+ firstDescendant: firstDescendant,
+ immediateDescendants: immediateDescendants,
+ previousSiblings: previousSiblings,
+ nextSiblings: nextSiblings,
+ siblings: siblings,
+ match: match,
+ up: up,
+ down: down,
+ previous: previous,
+ next: next,
+ select: select,
+ adjacent: adjacent,
+ descendantOf: descendantOf,
+
+ getElementsBySelector: select,
+
+ childElements: immediateDescendants
+ });
- classNames: function(element) {
- return new Element.ClassNames(element);
- },
- hasClassName: function(element, className) {
- if (!(element = $(element))) return;
- var elementClassName = element.className;
- return (elementClassName.length > 0 && (elementClassName == className ||
- new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName)));
- },
+ var idCounter = 1;
+ function identify(element) {
+ element = $(element);
+ var id = Element.readAttribute(element, 'id');
+ if (id) return id;
- addClassName: function(element, className) {
- if (!(element = $(element))) return;
- if (!Element.hasClassName(element, className))
- element.className += (element.className ? ' ' : '') + className;
- return element;
- },
+ do { id = 'anonymous_element_' + idCounter++ } while ($(id));
- removeClassName: function(element, className) {
- if (!(element = $(element))) return;
- element.className = element.className.replace(
- new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip();
- return element;
- },
+ Element.writeAttribute(element, 'id', id);
+ return id;
+ }
- toggleClassName: function(element, className) {
- if (!(element = $(element))) return;
- return Element[Element.hasClassName(element, className) ?
- 'removeClassName' : 'addClassName'](element, className);
- },
- cleanWhitespace: function(element) {
+ function readAttribute(element, name) {
+ return $(element).getAttribute(name);
+ }
+
+ function readAttribute_IE(element, name) {
element = $(element);
- var node = element.firstChild;
- while (node) {
- var nextNode = node.nextSibling;
- if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
- element.removeChild(node);
- node = nextNode;
- }
- return element;
- },
- empty: function(element) {
- return $(element).innerHTML.blank();
- },
+ var table = ATTRIBUTE_TRANSLATIONS.read;
+ if (table.values[name])
+ return table.values[name](element, name);
- descendantOf: function(element, ancestor) {
- element = $(element), ancestor = $(ancestor);
+ if (table.names[name]) name = table.names[name];
- if (element.compareDocumentPosition)
- return (element.compareDocumentPosition(ancestor) & 8) === 8;
+ if (name.include(':')) {
+ if (!element.attributes || !element.attributes[name]) return null;
+ return element.attributes[name].value;
+ }
- if (ancestor.contains)
- return ancestor.contains(element) && ancestor !== element;
+ return element.getAttribute(name);
+ }
- while (element = element.parentNode)
- if (element == ancestor) return true;
+ function readAttribute_Opera(element, name) {
+ if (name === 'title') return element.title;
+ return element.getAttribute(name);
+ }
- return false;
- },
+ var PROBLEMATIC_ATTRIBUTE_READING = (function() {
+ DIV.setAttribute('onclick', Prototype.emptyFunction);
+ var value = DIV.getAttribute('onclick');
+ var isFunction = (typeof value === 'function');
+ DIV.removeAttribute('onclick');
+ return isFunction;
+ })();
+
+ if (PROBLEMATIC_ATTRIBUTE_READING) {
+ readAttribute = readAttribute_IE;
+ } else if (Prototype.Browser.Opera) {
+ readAttribute = readAttribute_Opera;
+ }
- scrollTo: function(element) {
- element = $(element);
- var pos = Element.cumulativeOffset(element);
- window.scrollTo(pos[0], pos[1]);
- return element;
- },
- getStyle: function(element, style) {
+ function writeAttribute(element, name, value) {
element = $(element);
- style = style == 'float' ? 'cssFloat' : style.camelize();
- var value = element.style[style];
- if (!value || value == 'auto') {
- var css = document.defaultView.getComputedStyle(element, null);
- value = css ? css[style] : null;
- }
- if (style == 'opacity') return value ? parseFloat(value) : 1.0;
- return value == 'auto' ? null : value;
- },
+ var attributes = {}, table = ATTRIBUTE_TRANSLATIONS.write;
- getOpacity: function(element) {
- return $(element).getStyle('opacity');
- },
+ if (typeof name === 'object') {
+ attributes = name;
+ } else {
+ attributes[name] = Object.isUndefined(value) ? true : value;
+ }
- setStyle: function(element, styles) {
- element = $(element);
- var elementStyle = element.style, match;
- if (Object.isString(styles)) {
- element.style.cssText += ';' + styles;
- return styles.include('opacity') ?
- element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element;
+ for (var attr in attributes) {
+ name = table.names[attr] || attr;
+ value = attributes[attr];
+ if (table.values[attr])
+ name = table.values[attr](element, value);
+ if (value === false || value === null)
+ element.removeAttribute(name);
+ else if (value === true)
+ element.setAttribute(name, name);
+ else element.setAttribute(name, value);
}
- for (var property in styles)
- if (property == 'opacity') element.setOpacity(styles[property]);
- else
- elementStyle[(property == 'float' || property == 'cssFloat') ?
- (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') :
- property] = styles[property];
return element;
- },
+ }
- setOpacity: function(element, value) {
- element = $(element);
- element.style.opacity = (value == 1 || value === '') ? '' :
- (value < 0.00001) ? 0 : value;
- return element;
- },
+ function hasAttribute(element, attribute) {
+ attribute = ATTRIBUTE_TRANSLATIONS.has[attribute] || attribute;
+ var node = $(element).getAttributeNode(attribute);
+ return !!(node && node.specified);
+ }
- makePositioned: function(element) {
- element = $(element);
- var pos = Element.getStyle(element, 'position');
- if (pos == 'static' || !pos) {
- element._madePositioned = true;
- element.style.position = 'relative';
- if (Prototype.Browser.Opera) {
- element.style.top = 0;
- element.style.left = 0;
- }
- }
- return element;
- },
+ GLOBAL.Element.Methods.Simulated.hasAttribute = hasAttribute;
- undoPositioned: function(element) {
- element = $(element);
- if (element._madePositioned) {
- element._madePositioned = undefined;
- element.style.position =
- element.style.top =
- element.style.left =
- element.style.bottom =
- element.style.right = '';
- }
- return element;
- },
+ function classNames(element) {
+ return new Element.ClassNames(element);
+ }
- makeClipping: function(element) {
- element = $(element);
- if (element._overflow) return element;
- element._overflow = Element.getStyle(element, 'overflow') || 'auto';
- if (element._overflow !== 'hidden')
- element.style.overflow = 'hidden';
- return element;
- },
+ var regExpCache = {};
+ function getRegExpForClassName(className) {
+ if (regExpCache[className]) return regExpCache[className];
- undoClipping: function(element) {
- element = $(element);
- if (!element._overflow) return element;
- element.style.overflow = element._overflow == 'auto' ? '' : element._overflow;
- element._overflow = null;
- return element;
- },
+ var re = new RegExp("(^|\\s+)" + className + "(\\s+|$)");
+ regExpCache[className] = re;
+ return re;
+ }
- clonePosition: function(element, source) {
- var options = Object.extend({
- setLeft: true,
- setTop: true,
- setWidth: true,
- setHeight: true,
- offsetTop: 0,
- offsetLeft: 0
- }, arguments[2] || { });
+ function hasClassName(element, className) {
+ if (!(element = $(element))) return;
- source = $(source);
- var p = Element.viewportOffset(source), delta = [0, 0], parent = null;
+ var elementClassName = element.className;
- element = $(element);
+ if (elementClassName.length === 0) return false;
+ if (elementClassName === className) return true;
- if (Element.getStyle(element, 'position') == 'absolute') {
- parent = Element.getOffsetParent(element);
- delta = Element.viewportOffset(parent);
- }
+ return getRegExpForClassName(className).test(elementClassName);
+ }
- if (parent == document.body) {
- delta[0] -= document.body.offsetLeft;
- delta[1] -= document.body.offsetTop;
- }
+ function addClassName(element, className) {
+ if (!(element = $(element))) return;
+
+ if (!hasClassName(element, className))
+ element.className += (element.className ? ' ' : '') + className;
- if (options.setLeft) element.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px';
- if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px';
- if (options.setWidth) element.style.width = source.offsetWidth + 'px';
- if (options.setHeight) element.style.height = source.offsetHeight + 'px';
return element;
}
-};
-Object.extend(Element.Methods, {
- getElementsBySelector: Element.Methods.select,
+ function removeClassName(element, className) {
+ if (!(element = $(element))) return;
- childElements: Element.Methods.immediateDescendants
-});
+ element.className = element.className.replace(
+ getRegExpForClassName(className), ' ').strip();
-Element._attributeTranslations = {
- write: {
- names: {
- className: 'class',
- htmlFor: 'for'
- },
- values: { }
+ return element;
}
-};
-if (Prototype.Browser.Opera) {
- Element.Methods.getStyle = Element.Methods.getStyle.wrap(
- function(proceed, element, style) {
- switch (style) {
- case 'height': case 'width':
- if (!Element.visible(element)) return null;
-
- var dim = parseInt(proceed(element, style), 10);
+ function toggleClassName(element, className, bool) {
+ if (!(element = $(element))) return;
- if (dim !== element['offset' + style.capitalize()])
- return dim + 'px';
+ if (Object.isUndefined(bool))
+ bool = !hasClassName(element, className);
- var properties;
- if (style === 'height') {
- properties = ['border-top-width', 'padding-top',
- 'padding-bottom', 'border-bottom-width'];
- }
- else {
- properties = ['border-left-width', 'padding-left',
- 'padding-right', 'border-right-width'];
- }
- return properties.inject(dim, function(memo, property) {
- var val = proceed(element, property);
- return val === null ? memo : memo - parseInt(val, 10);
- }) + 'px';
- default: return proceed(element, style);
- }
- }
- );
+ var method = Element[bool ? 'addClassName' : 'removeClassName'];
+ return method(element, className);
+ }
- Element.Methods.readAttribute = Element.Methods.readAttribute.wrap(
- function(proceed, element, attribute) {
- if (attribute === 'title') return element.title;
- return proceed(element, attribute);
- }
- );
-}
+ var ATTRIBUTE_TRANSLATIONS = {};
-else if (Prototype.Browser.IE) {
- Element.Methods.getStyle = function(element, style) {
- element = $(element);
- style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize();
- var value = element.style[style];
- if (!value && element.currentStyle) value = element.currentStyle[style];
+ var classProp = 'className', forProp = 'for';
- if (style == 'opacity') {
- if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/))
- if (value[1]) return parseFloat(value[1]) / 100;
- return 1.0;
- }
+ DIV.setAttribute(classProp, 'x');
+ if (DIV.className !== 'x') {
+ DIV.setAttribute('class', 'x');
+ if (DIV.className === 'x')
+ classProp = 'class';
+ }
- if (value == 'auto') {
- if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none'))
- return element['offset' + style.capitalize()] + 'px';
- return null;
- }
- return value;
- };
+ var LABEL = document.createElement('label');
+ LABEL.setAttribute(forProp, 'x');
+ if (LABEL.htmlFor !== 'x') {
+ LABEL.setAttribute('htmlFor', 'x');
+ if (LABEL.htmlFor === 'x')
+ forProp = 'htmlFor';
+ }
+ LABEL = null;
- Element.Methods.setOpacity = function(element, value) {
- function stripAlpha(filter){
- return filter.replace(/alpha\([^\)]*\)/gi,'');
- }
- element = $(element);
- var currentStyle = element.currentStyle;
- if ((currentStyle && !currentStyle.hasLayout) ||
- (!currentStyle && element.style.zoom == 'normal'))
- element.style.zoom = 1;
+ function _getAttr(element, attribute) {
+ return element.getAttribute(attribute);
+ }
- var filter = element.getStyle('filter'), style = element.style;
- if (value == 1 || value === '') {
- (filter = stripAlpha(filter)) ?
- style.filter = filter : style.removeAttribute('filter');
- return element;
- } else if (value < 0.00001) value = 0;
- style.filter = stripAlpha(filter) +
- 'alpha(opacity=' + (value * 100) + ')';
- return element;
- };
+ function _getAttr2(element, attribute) {
+ return element.getAttribute(attribute, 2);
+ }
- Element._attributeTranslations = (function(){
+ function _getAttrNode(element, attribute) {
+ var node = element.getAttributeNode(attribute);
+ return node ? node.value : '';
+ }
- var classProp = 'className',
- forProp = 'for',
- el = document.createElement('div');
+ function _getFlag(element, attribute) {
+ return $(element).hasAttribute(attribute) ? attribute : null;
+ }
- el.setAttribute(classProp, 'x');
+ DIV.onclick = Prototype.emptyFunction;
+ var onclickValue = DIV.getAttribute('onclick');
- if (el.className !== 'x') {
- el.setAttribute('class', 'x');
- if (el.className === 'x') {
- classProp = 'class';
- }
- }
- el = null;
+ var _getEv;
- el = document.createElement('label');
- el.setAttribute(forProp, 'x');
- if (el.htmlFor !== 'x') {
- el.setAttribute('htmlFor', 'x');
- if (el.htmlFor === 'x') {
- forProp = 'htmlFor';
- }
- }
- el = null;
+ if (String(onclickValue).indexOf('{') > -1) {
+ _getEv = function(element, attribute) {
+ var value = element.getAttribute(attribute);
+ if (!value) return null;
+ value = value.toString();
+ value = value.split('{')[1];
+ value = value.split('}')[0];
+ return value.strip();
+ };
+ }
+ else if (onclickValue === '') {
+ _getEv = function(element, attribute) {
+ var value = element.getAttribute(attribute);
+ if (!value) return null;
+ return value.strip();
+ };
+ }
- return {
- read: {
- names: {
- 'class': classProp,
- 'className': classProp,
- 'for': forProp,
- 'htmlFor': forProp
- },
- values: {
- _getAttr: function(element, attribute) {
- return element.getAttribute(attribute);
- },
- _getAttr2: function(element, attribute) {
- return element.getAttribute(attribute, 2);
- },
- _getAttrNode: function(element, attribute) {
- var node = element.getAttributeNode(attribute);
- return node ? node.value : "";
- },
- _getEv: (function(){
-
- var el = document.createElement('div'), f;
- el.onclick = Prototype.emptyFunction;
- var value = el.getAttribute('onclick');
-
- if (String(value).indexOf('{') > -1) {
- f = function(element, attribute) {
- attribute = element.getAttribute(attribute);
- if (!attribute) return null;
- attribute = attribute.toString();
- attribute = attribute.split('{')[1];
- attribute = attribute.split('}')[0];
- return attribute.strip();
- };
- }
- else if (value === '') {
- f = function(element, attribute) {
- attribute = element.getAttribute(attribute);
- if (!attribute) return null;
- return attribute.strip();
- };
- }
- el = null;
- return f;
- })(),
- _flag: function(element, attribute) {
- return $(element).hasAttribute(attribute) ? attribute : null;
- },
- style: function(element) {
- return element.style.cssText.toLowerCase();
- },
- title: function(element) {
- return element.title;
- }
- }
+ ATTRIBUTE_TRANSLATIONS.read = {
+ names: {
+ 'class': classProp,
+ 'className': classProp,
+ 'for': forProp,
+ 'htmlFor': forProp
+ },
+
+ values: {
+ style: function(element) {
+ return element.style.cssText.toLowerCase();
+ },
+ title: function(element) {
+ return element.title;
}
}
- })();
+ };
- Element._attributeTranslations.write = {
- names: Object.extend({
+ ATTRIBUTE_TRANSLATIONS.write = {
+ names: {
+ className: 'class',
+ htmlFor: 'for',
cellpadding: 'cellPadding',
cellspacing: 'cellSpacing'
- }, Element._attributeTranslations.read.names),
+ },
+
values: {
checked: function(element, value) {
element.checked = !!value;
@@ -2678,227 +2951,322 @@ else if (Prototype.Browser.IE) {
}
};
- Element._attributeTranslations.has = {};
+ ATTRIBUTE_TRANSLATIONS.has = { names: {} };
+
+ Object.extend(ATTRIBUTE_TRANSLATIONS.write.names,
+ ATTRIBUTE_TRANSLATIONS.read.names);
+
+ var CAMEL_CASED_ATTRIBUTE_NAMES = $w('colSpan rowSpan vAlign dateTime ' +
+ 'accessKey tabIndex encType maxLength readOnly longDesc frameBorder');
+
+ for (var i = 0, attr; attr = CAMEL_CASED_ATTRIBUTE_NAMES[i]; i++) {
+ ATTRIBUTE_TRANSLATIONS.write.names[attr.toLowerCase()] = attr;
+ ATTRIBUTE_TRANSLATIONS.has.names[attr.toLowerCase()] = attr;
+ }
+
+ Object.extend(ATTRIBUTE_TRANSLATIONS.read.values, {
+ href: _getAttr2,
+ src: _getAttr2,
+ type: _getAttr,
+ action: _getAttrNode,
+ disabled: _getFlag,
+ checked: _getFlag,
+ readonly: _getFlag,
+ multiple: _getFlag,
+ onload: _getEv,
+ onunload: _getEv,
+ onclick: _getEv,
+ ondblclick: _getEv,
+ onmousedown: _getEv,
+ onmouseup: _getEv,
+ onmouseover: _getEv,
+ onmousemove: _getEv,
+ onmouseout: _getEv,
+ onfocus: _getEv,
+ onblur: _getEv,
+ onkeypress: _getEv,
+ onkeydown: _getEv,
+ onkeyup: _getEv,
+ onsubmit: _getEv,
+ onreset: _getEv,
+ onselect: _getEv,
+ onchange: _getEv
+ });
+
- $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' +
- 'encType maxLength readOnly longDesc frameBorder').each(function(attr) {
- Element._attributeTranslations.write.names[attr.toLowerCase()] = attr;
- Element._attributeTranslations.has[attr.toLowerCase()] = attr;
+ Object.extend(methods, {
+ identify: identify,
+ readAttribute: readAttribute,
+ writeAttribute: writeAttribute,
+ classNames: classNames,
+ hasClassName: hasClassName,
+ addClassName: addClassName,
+ removeClassName: removeClassName,
+ toggleClassName: toggleClassName
});
- (function(v) {
- Object.extend(v, {
- href: v._getAttr2,
- src: v._getAttr2,
- type: v._getAttr,
- action: v._getAttrNode,
- disabled: v._flag,
- checked: v._flag,
- readonly: v._flag,
- multiple: v._flag,
- onload: v._getEv,
- onunload: v._getEv,
- onclick: v._getEv,
- ondblclick: v._getEv,
- onmousedown: v._getEv,
- onmouseup: v._getEv,
- onmouseover: v._getEv,
- onmousemove: v._getEv,
- onmouseout: v._getEv,
- onfocus: v._getEv,
- onblur: v._getEv,
- onkeypress: v._getEv,
- onkeydown: v._getEv,
- onkeyup: v._getEv,
- onsubmit: v._getEv,
- onreset: v._getEv,
- onselect: v._getEv,
- onchange: v._getEv
- });
- })(Element._attributeTranslations.read.values);
- if (Prototype.BrowserFeatures.ElementExtensions) {
- (function() {
- function _descendants(element) {
- var nodes = element.getElementsByTagName('*'), results = [];
- for (var i = 0, node; node = nodes[i]; i++)
- if (node.tagName !== "!") // Filter out comment nodes.
- results.push(node);
- return results;
+ function normalizeStyleName(style) {
+ if (style === 'float' || style === 'styleFloat')
+ return 'cssFloat';
+ return style.camelize();
+ }
+
+ function normalizeStyleName_IE(style) {
+ if (style === 'float' || style === 'cssFloat')
+ return 'styleFloat';
+ return style.camelize();
+ }
+
+ function setStyle(element, styles) {
+ element = $(element);
+ var elementStyle = element.style, match;
+
+ if (Object.isString(styles)) {
+ elementStyle.cssText += ';' + styles;
+ if (styles.include('opacity')) {
+ var opacity = styles.match(/opacity:\s*(\d?\.?\d*)/)[1];
+ Element.setOpacity(element, opacity);
}
+ return element;
+ }
- Element.Methods.down = function(element, expression, index) {
- element = $(element);
- if (arguments.length == 1) return element.firstDescendant();
- return Object.isNumber(expression) ? _descendants(element)[expression] :
- Element.select(element, expression)[index || 0];
+ for (var property in styles) {
+ if (property === 'opacity') {
+ Element.setOpacity(element, styles[property]);
+ } else {
+ var value = styles[property];
+ if (property === 'float' || property === 'cssFloat') {
+ property = Object.isUndefined(elementStyle.styleFloat) ?
+ 'cssFloat' : 'styleFloat';
+ }
+ elementStyle[property] = value;
}
- })();
+ }
+
+ return element;
}
-}
-else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) {
- Element.Methods.setOpacity = function(element, value) {
+ function getStyle(element, style) {
element = $(element);
- element.style.opacity = (value == 1) ? 0.999999 :
- (value === '') ? '' : (value < 0.00001) ? 0 : value;
- return element;
- };
-}
+ style = normalizeStyleName(style);
+
+ var value = element.style[style];
+ if (!value || value === 'auto') {
+ var css = document.defaultView.getComputedStyle(element, null);
+ value = css ? css[style] : null;
+ }
+
+ if (style === 'opacity') return value ? parseFloat(value) : 1.0;
+ return value === 'auto' ? null : value;
+ }
+
+ function getStyle_Opera(element, style) {
+ switch (style) {
+ case 'height': case 'width':
+ if (!Element.visible(element)) return null;
+
+ var dim = parseInt(getStyle(element, style), 10);
+
+ if (dim !== element['offset' + style.capitalize()])
+ return dim + 'px';
+
+ return Element.measure(element, style);
-else if (Prototype.Browser.WebKit) {
- Element.Methods.setOpacity = function(element, value) {
+ default: return getStyle(element, style);
+ }
+ }
+
+ function getStyle_IE(element, style) {
element = $(element);
- element.style.opacity = (value == 1 || value === '') ? '' :
- (value < 0.00001) ? 0 : value;
-
- if (value == 1)
- if (element.tagName.toUpperCase() == 'IMG' && element.width) {
- element.width++; element.width--;
- } else try {
- var n = document.createTextNode(' ');
- element.appendChild(n);
- element.removeChild(n);
- } catch (e) { }
+ style = normalizeStyleName_IE(style);
+
+ var value = element.style[style];
+ if (!value && element.currentStyle) {
+ value = element.currentStyle[style];
+ }
+
+ if (style === 'opacity' && !STANDARD_CSS_OPACITY_SUPPORTED)
+ return getOpacity_IE(element);
+
+ if (value === 'auto') {
+ if ((style === 'width' || style === 'height') && Element.visible(element))
+ return Element.measure(element, style) + 'px';
+ return null;
+ }
+
+ return value;
+ }
+
+ function stripAlphaFromFilter_IE(filter) {
+ return (filter || '').replace(/alpha\([^\)]*\)/gi, '');
+ }
+ function hasLayout_IE(element) {
+ if (!element.currentStyle.hasLayout)
+ element.style.zoom = 1;
return element;
- };
-}
+ }
+
+ var STANDARD_CSS_OPACITY_SUPPORTED = (function() {
+ DIV.style.cssText = "opacity:.55";
+ return /^0.55/.test(DIV.style.opacity);
+ })();
-if ('outerHTML' in document.documentElement) {
- Element.Methods.replace = function(element, content) {
+ function setOpacity(element, value) {
element = $(element);
+ if (value == 1 || value === '') value = '';
+ else if (value < 0.00001) value = 0;
+ element.style.opacity = value;
+ return element;
+ }
- if (content && content.toElement) content = content.toElement();
- if (Object.isElement(content)) {
- element.parentNode.replaceChild(content, element);
+ function setOpacity_IE(element, value) {
+ if (STANDARD_CSS_OPACITY_SUPPORTED)
+ return setOpacity(element, value);
+
+ element = hasLayout_IE($(element));
+ var filter = Element.getStyle(element, 'filter'),
+ style = element.style;
+
+ if (value == 1 || value === '') {
+ filter = stripAlphaFromFilter_IE(filter);
+ if (filter) style.filter = filter;
+ else style.removeAttribute('filter');
return element;
}
- content = Object.toHTML(content);
- var parent = element.parentNode, tagName = parent.tagName.toUpperCase();
+ if (value < 0.00001) value = 0;
- if (Element._insertionTranslations.tags[tagName]) {
- var nextSibling = element.next(),
- fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
- parent.removeChild(element);
- if (nextSibling)
- fragments.each(function(node) { parent.insertBefore(node, nextSibling) });
- else
- fragments.each(function(node) { parent.appendChild(node) });
- }
- else element.outerHTML = content.stripScripts();
+ style.filter = stripAlphaFromFilter_IE(filter) +
+ 'alpha(opacity=' + (value * 100) + ')';
- content.evalScripts.bind(content).defer();
return element;
- };
-}
+ }
-Element._returnOffset = function(l, t) {
- var result = [l, t];
- result.left = l;
- result.top = t;
- return result;
-};
-Element._getContentFromAnonymousElement = function(tagName, html, force) {
- var div = new Element('div'),
- t = Element._insertionTranslations.tags[tagName];
+ function getOpacity(element) {
+ return Element.getStyle(element, 'opacity');
+ }
+
+ function getOpacity_IE(element) {
+ if (STANDARD_CSS_OPACITY_SUPPORTED)
+ return getOpacity(element);
- var workaround = false;
- if (t) workaround = true;
- else if (force) {
- workaround = true;
- t = ['', '', 0];
+ var filter = Element.getStyle(element, 'filter');
+ if (filter.length === 0) return 1.0;
+ var match = (filter || '').match(/alpha\(opacity=(.*)\)/);
+ if (match[1]) return parseFloat(match[1]) / 100;
+ return 1.0;
}
- if (workaround) {
- div.innerHTML = ' ' + t[0] + html + t[1];
- div.removeChild(div.firstChild);
- for (var i = t[2]; i--; ) {
- div = div.firstChild;
- }
+
+ Object.extend(methods, {
+ setStyle: setStyle,
+ getStyle: getStyle,
+ setOpacity: setOpacity,
+ getOpacity: getOpacity
+ });
+
+ if ('styleFloat' in DIV.style) {
+ methods.getStyle = getStyle_IE;
+ methods.setOpacity = setOpacity_IE;
+ methods.getOpacity = getOpacity_IE;
}
- else {
- div.innerHTML = html;
+
+ var UID = 0;
+
+ GLOBAL.Element.Storage = { UID: 1 };
+
+ function getUniqueElementID(element) {
+ if (element === window) return 0;
+
+ if (typeof element._prototypeUID === 'undefined')
+ element._prototypeUID = Element.Storage.UID++;
+ return element._prototypeUID;
}
- return $A(div.childNodes);
-};
-Element._insertionTranslations = {
- before: function(element, node) {
- element.parentNode.insertBefore(node, element);
- },
- top: function(element, node) {
- element.insertBefore(node, element.firstChild);
- },
- bottom: function(element, node) {
- element.appendChild(node);
- },
- after: function(element, node) {
- element.parentNode.insertBefore(node, element.nextSibling);
- },
- tags: {
- TABLE: ['<table>', '</table>', 1],
- TBODY: ['<table><tbody>', '</tbody></table>', 2],
- TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3],
- TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4],
- SELECT: ['<select>', '</select>', 1]
+ function getUniqueElementID_IE(element) {
+ if (element === window) return 0;
+ if (element == document) return 1;
+ return element.uniqueID;
}
-};
-(function() {
- var tags = Element._insertionTranslations.tags;
- Object.extend(tags, {
- THEAD: tags.TBODY,
- TFOOT: tags.TBODY,
- TH: tags.TD
- });
-})();
+ var HAS_UNIQUE_ID_PROPERTY = ('uniqueID' in DIV);
+ if (HAS_UNIQUE_ID_PROPERTY)
+ getUniqueElementID = getUniqueElementID_IE;
-Element.Methods.Simulated = {
- hasAttribute: function(element, attribute) {
- attribute = Element._attributeTranslations.has[attribute] || attribute;
- var node = $(element).getAttributeNode(attribute);
- return !!(node && node.specified);
+ function getStorage(element) {
+ if (!(element = $(element))) return;
+
+ var uid = getUniqueElementID(element);
+
+ if (!Element.Storage[uid])
+ Element.Storage[uid] = $H();
+
+ return Element.Storage[uid];
}
-};
-Element.Methods.ByTag = { };
+ function store(element, key, value) {
+ if (!(element = $(element))) return;
+ var storage = getStorage(element);
+ if (arguments.length === 2) {
+ storage.update(key);
+ } else {
+ storage.set(key, value);
+ }
+ return element;
+ }
-Object.extend(Element, Element.Methods);
+ function retrieve(element, key, defaultValue) {
+ if (!(element = $(element))) return;
+ var storage = getStorage(element), value = storage.get(key);
-(function(div) {
+ if (Object.isUndefined(value)) {
+ storage.set(key, defaultValue);
+ value = defaultValue;
+ }
- if (!Prototype.BrowserFeatures.ElementExtensions && div['__proto__']) {
- window.HTMLElement = { };
- window.HTMLElement.prototype = div['__proto__'];
- Prototype.BrowserFeatures.ElementExtensions = true;
+ return value;
}
- div = null;
-})(document.createElement('div'));
+ Object.extend(methods, {
+ getStorage: getStorage,
+ store: store,
+ retrieve: retrieve
+ });
-Element.extend = (function() {
- function checkDeficiency(tagName) {
- if (typeof window.Element != 'undefined') {
- var proto = window.Element.prototype;
- if (proto) {
- var id = '_' + (Math.random()+'').slice(2),
- el = document.createElement(tagName);
- proto[id] = 'x';
- var isBuggy = (el[id] !== 'x');
- delete proto[id];
- el = null;
- return isBuggy;
- }
+ var Methods = {}, ByTag = Element.Methods.ByTag,
+ F = Prototype.BrowserFeatures;
+
+ if (!F.ElementExtensions && ('__proto__' in DIV)) {
+ GLOBAL.HTMLElement = {};
+ GLOBAL.HTMLElement.prototype = DIV['__proto__'];
+ F.ElementExtensions = true;
+ }
+
+ function checkElementPrototypeDeficiency(tagName) {
+ if (typeof window.Element === 'undefined') return false;
+ var proto = window.Element.prototype;
+ if (proto) {
+ var id = '_' + (Math.random() + '').slice(2),
+ el = document.createElement(tagName);
+ proto[id] = 'x';
+ var isBuggy = (el[id] !== 'x');
+ delete proto[id];
+ el = null;
+ return isBuggy;
}
+
return false;
}
+ var HTMLOBJECTELEMENT_PROTOTYPE_BUGGY =
+ checkElementPrototypeDeficiency('object');
+
function extendElementWith(element, methods) {
for (var property in methods) {
var value = methods[property];
@@ -2907,98 +3275,52 @@ Element.extend = (function() {
}
}
- var HTMLOBJECTELEMENT_PROTOTYPE_BUGGY = checkDeficiency('object');
-
- if (Prototype.BrowserFeatures.SpecificElementExtensions) {
- if (HTMLOBJECTELEMENT_PROTOTYPE_BUGGY) {
- return function(element) {
- if (element && typeof element._extendedByPrototype == 'undefined') {
- var t = element.tagName;
- if (t && (/^(?:object|applet|embed)$/i.test(t))) {
- extendElementWith(element, Element.Methods);
- extendElementWith(element, Element.Methods.Simulated);
- extendElementWith(element, Element.Methods.ByTag[t.toUpperCase()]);
- }
- }
- return element;
- }
- }
- return Prototype.K;
+ var EXTENDED = {};
+ function elementIsExtended(element) {
+ var uid = getUniqueElementID(element);
+ return (uid in EXTENDED);
}
- var Methods = { }, ByTag = Element.Methods.ByTag;
-
- var extend = Object.extend(function(element) {
- if (!element || typeof element._extendedByPrototype != 'undefined' ||
- element.nodeType != 1 || element == window) return element;
+ function extend(element) {
+ if (!element || elementIsExtended(element)) return element;
+ if (element.nodeType !== Node.ELEMENT_NODE || element == window)
+ return element;
var methods = Object.clone(Methods),
- tagName = element.tagName.toUpperCase();
+ tagName = element.tagName.toUpperCase();
if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]);
extendElementWith(element, methods);
-
- element._extendedByPrototype = Prototype.emptyFunction;
+ EXTENDED[getUniqueElementID(element)] = true;
return element;
+ }
- }, {
- refresh: function() {
- if (!Prototype.BrowserFeatures.ElementExtensions) {
- Object.extend(Methods, Element.Methods);
- Object.extend(Methods, Element.Methods.Simulated);
- }
- }
- });
-
- extend.refresh();
- return extend;
-})();
-
-if (document.documentElement.hasAttribute) {
- Element.hasAttribute = function(element, attribute) {
- return element.hasAttribute(attribute);
- };
-}
-else {
- Element.hasAttribute = Element.Methods.Simulated.hasAttribute;
-}
-
-Element.addMethods = function(methods) {
- var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag;
+ function extend_IE8(element) {
+ if (!element || elementIsExtended(element)) return element;
- if (!methods) {
- Object.extend(Form, Form.Methods);
- Object.extend(Form.Element, Form.Element.Methods);
- Object.extend(Element.Methods.ByTag, {
- "FORM": Object.clone(Form.Methods),
- "INPUT": Object.clone(Form.Element.Methods),
- "SELECT": Object.clone(Form.Element.Methods),
- "TEXTAREA": Object.clone(Form.Element.Methods),
- "BUTTON": Object.clone(Form.Element.Methods)
- });
- }
+ var t = element.tagName;
+ if (t && (/^(?:object|applet|embed)$/i.test(t))) {
+ extendElementWith(element, Element.Methods);
+ extendElementWith(element, Element.Methods.Simulated);
+ extendElementWith(element, Element.Methods.ByTag[t.toUpperCase()]);
+ }
- if (arguments.length == 2) {
- var tagName = methods;
- methods = arguments[1];
+ return element;
}
- if (!tagName) Object.extend(Element.Methods, methods || { });
- else {
- if (Object.isArray(tagName)) tagName.each(extend);
- else extend(tagName);
+ if (F.SpecificElementExtensions) {
+ extend = HTMLOBJECTELEMENT_PROTOTYPE_BUGGY ? extend_IE8 : Prototype.K;
}
- function extend(tagName) {
+ function addMethodsToTagName(tagName, methods) {
tagName = tagName.toUpperCase();
- if (!Element.Methods.ByTag[tagName])
- Element.Methods.ByTag[tagName] = { };
- Object.extend(Element.Methods.ByTag[tagName], methods);
+ if (!ByTag[tagName]) ByTag[tagName] = {};
+ Object.extend(ByTag[tagName], methods);
}
- function copy(methods, destination, onlyIfAbsent) {
- onlyIfAbsent = onlyIfAbsent || false;
+ function mergeMethods(destination, methods, onlyIfAbsent) {
+ if (Object.isUndefined(onlyIfAbsent)) onlyIfAbsent = false;
for (var property in methods) {
var value = methods[property];
if (!Object.isFunction(value)) continue;
@@ -3028,169 +3350,142 @@ Element.addMethods = function(methods) {
if (window[klass]) return window[klass];
var element = document.createElement(tagName),
- proto = element['__proto__'] || element.constructor.prototype;
+ proto = element['__proto__'] || element.constructor.prototype;
element = null;
return proto;
}
- var elementPrototype = window.HTMLElement ? HTMLElement.prototype :
- Element.prototype;
+ function addMethods(methods) {
+ if (arguments.length === 0) addFormMethods();
- if (F.ElementExtensions) {
- copy(Element.Methods, elementPrototype);
- copy(Element.Methods.Simulated, elementPrototype, true);
- }
+ if (arguments.length === 2) {
+ var tagName = methods;
+ methods = arguments[1];
+ }
- if (F.SpecificElementExtensions) {
- for (var tag in Element.Methods.ByTag) {
- var klass = findDOMClass(tag);
- if (Object.isUndefined(klass)) continue;
- copy(T[tag], klass.prototype);
+ if (!tagName) {
+ Object.extend(Element.Methods, methods || {});
+ } else {
+ if (Object.isArray(tagName)) {
+ for (var i = 0, tag; tag = tagName[i]; i++)
+ addMethodsToTagName(tag, methods);
+ } else {
+ addMethodsToTagName(tagName, methods);
+ }
}
- }
- Object.extend(Element, Element.Methods);
- delete Element.ByTag;
+ var ELEMENT_PROTOTYPE = window.HTMLElement ? HTMLElement.prototype :
+ Element.prototype;
- if (Element.extend.refresh) Element.extend.refresh();
- Element.cache = { };
-};
+ if (F.ElementExtensions) {
+ mergeMethods(ELEMENT_PROTOTYPE, Element.Methods);
+ mergeMethods(ELEMENT_PROTOTYPE, Element.Methods.Simulated, true);
+ }
+ if (F.SpecificElementExtensions) {
+ for (var tag in Element.Methods.ByTag) {
+ var klass = findDOMClass(tag);
+ if (Object.isUndefined(klass)) continue;
+ mergeMethods(klass.prototype, ByTag[tag]);
+ }
+ }
-docu
<TRUNCATED>