1577 lines
40 KiB
JavaScript
1577 lines
40 KiB
JavaScript
|
//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006-2007 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
|
||
|
|
|
||
|
|
var MooTools = {
|
||
|
|
version: '1.11'
|
||
|
|
};
|
||
|
|
|
||
|
|
function $defined(obj){
|
||
|
|
return (obj != undefined);
|
||
|
|
};
|
||
|
|
|
||
|
|
function $type(obj){
|
||
|
|
if (!$defined(obj)) return false;
|
||
|
|
if (obj.htmlElement) return 'element';
|
||
|
|
var type = typeof obj;
|
||
|
|
if (type == 'object' && obj.nodeName){
|
||
|
|
switch(obj.nodeType){
|
||
|
|
case 1: return 'element';
|
||
|
|
case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (type == 'object' || type == 'function'){
|
||
|
|
switch(obj.constructor){
|
||
|
|
case Array: return 'array';
|
||
|
|
case RegExp: return 'regexp';
|
||
|
|
case Class: return 'class';
|
||
|
|
}
|
||
|
|
if (typeof obj.length == 'number'){
|
||
|
|
if (obj.item) return 'collection';
|
||
|
|
if (obj.callee) return 'arguments';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return type;
|
||
|
|
};
|
||
|
|
|
||
|
|
function $merge(){
|
||
|
|
var mix = {};
|
||
|
|
for (var i = 0; i < arguments.length; i++){
|
||
|
|
for (var property in arguments[i]){
|
||
|
|
var ap = arguments[i][property];
|
||
|
|
var mp = mix[property];
|
||
|
|
if (mp && $type(ap) == 'object' && $type(mp) == 'object') mix[property] = $merge(mp, ap);
|
||
|
|
else mix[property] = ap;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return mix;
|
||
|
|
};
|
||
|
|
|
||
|
|
var $extend = function(){
|
||
|
|
var args = arguments;
|
||
|
|
if (!args[1]) args = [this, args[0]];
|
||
|
|
for (var property in args[1]) args[0][property] = args[1][property];
|
||
|
|
return args[0];
|
||
|
|
};
|
||
|
|
|
||
|
|
var $native = function(){
|
||
|
|
for (var i = 0, l = arguments.length; i < l; i++){
|
||
|
|
arguments[i].extend = function(props){
|
||
|
|
for (var prop in props){
|
||
|
|
if (!this.prototype[prop]) this.prototype[prop] = props[prop];
|
||
|
|
if (!this[prop]) this[prop] = $native.generic(prop);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
$native.generic = function(prop){
|
||
|
|
return function(bind){
|
||
|
|
return this.prototype[prop].apply(bind, Array.prototype.slice.call(arguments, 1));
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
$native(Function, Array, String, Number);
|
||
|
|
|
||
|
|
function $chk(obj){
|
||
|
|
return !!(obj || obj === 0);
|
||
|
|
};
|
||
|
|
|
||
|
|
function $pick(obj, picked){
|
||
|
|
return $defined(obj) ? obj : picked;
|
||
|
|
};
|
||
|
|
|
||
|
|
function $random(min, max){
|
||
|
|
return Math.floor(Math.random() * (max - min + 1) + min);
|
||
|
|
};
|
||
|
|
|
||
|
|
function $time(){
|
||
|
|
return new Date().getTime();
|
||
|
|
};
|
||
|
|
|
||
|
|
function $clear(timer){
|
||
|
|
clearTimeout(timer);
|
||
|
|
clearInterval(timer);
|
||
|
|
return null;
|
||
|
|
};
|
||
|
|
|
||
|
|
var Abstract = function(obj){
|
||
|
|
obj = obj || {};
|
||
|
|
obj.extend = $extend;
|
||
|
|
return obj;
|
||
|
|
};
|
||
|
|
|
||
|
|
var Window = new Abstract(window);
|
||
|
|
var Document = new Abstract(document);
|
||
|
|
document.head = document.getElementsByTagName('head')[0];
|
||
|
|
|
||
|
|
window.xpath = !!(document.evaluate);
|
||
|
|
if (window.ActiveXObject) window.ie = window[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true;
|
||
|
|
else if (document.childNodes && !document.all && !navigator.taintEnabled) window.webkit = window[window.xpath ? 'webkit420' : 'webkit419'] = true;
|
||
|
|
else if (document.getBoxObjectFor != null) window.gecko = true;
|
||
|
|
|
||
|
|
window.khtml = window.webkit;
|
||
|
|
|
||
|
|
Object.extend = $extend;
|
||
|
|
|
||
|
|
if (typeof HTMLElement == 'undefined'){
|
||
|
|
var HTMLElement = function(){};
|
||
|
|
if (window.webkit) document.createElement("iframe");
|
||
|
|
HTMLElement.prototype = (window.webkit) ? window["[[DOMElement.prototype]]"] : {};
|
||
|
|
}
|
||
|
|
HTMLElement.prototype.htmlElement = function(){};
|
||
|
|
|
||
|
|
if (window.ie6) try {document.execCommand("BackgroundImageCache", false, true);} catch(e){};
|
||
|
|
|
||
|
|
var Class = function(properties){
|
||
|
|
var klass = function(){
|
||
|
|
return (arguments[0] !== null && this.initialize && $type(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this;
|
||
|
|
};
|
||
|
|
$extend(klass, this);
|
||
|
|
klass.prototype = properties;
|
||
|
|
klass.constructor = Class;
|
||
|
|
return klass;
|
||
|
|
};
|
||
|
|
|
||
|
|
Class.empty = function(){};
|
||
|
|
|
||
|
|
Class.prototype = {
|
||
|
|
|
||
|
|
extend: function(properties){
|
||
|
|
var proto = new this(null);
|
||
|
|
for (var property in properties){
|
||
|
|
var pp = proto[property];
|
||
|
|
proto[property] = Class.Merge(pp, properties[property]);
|
||
|
|
}
|
||
|
|
return new Class(proto);
|
||
|
|
},
|
||
|
|
|
||
|
|
implement: function(){
|
||
|
|
for (var i = 0, l = arguments.length; i < l; i++) $extend(this.prototype, arguments[i]);
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
Class.Merge = function(previous, current){
|
||
|
|
if (previous && previous != current){
|
||
|
|
var type = $type(current);
|
||
|
|
if (type != $type(previous)) return current;
|
||
|
|
switch(type){
|
||
|
|
case 'function':
|
||
|
|
var merged = function(){
|
||
|
|
this.parent = arguments.callee.parent;
|
||
|
|
return current.apply(this, arguments);
|
||
|
|
};
|
||
|
|
merged.parent = previous;
|
||
|
|
return merged;
|
||
|
|
case 'object': return $merge(previous, current);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return current;
|
||
|
|
};
|
||
|
|
|
||
|
|
var Chain = new Class({
|
||
|
|
|
||
|
|
chain: function(fn){
|
||
|
|
this.chains = this.chains || [];
|
||
|
|
this.chains.push(fn);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
callChain: function(){
|
||
|
|
if (this.chains && this.chains.length) this.chains.shift().delay(10, this);
|
||
|
|
},
|
||
|
|
|
||
|
|
clearChain: function(){
|
||
|
|
this.chains = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
var Events = new Class({
|
||
|
|
|
||
|
|
addEvent: function(type, fn){
|
||
|
|
if (fn != Class.empty){
|
||
|
|
this.$events = this.$events || {};
|
||
|
|
this.$events[type] = this.$events[type] || [];
|
||
|
|
this.$events[type].include(fn);
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
fireEvent: function(type, args, delay){
|
||
|
|
if (this.$events && this.$events[type]){
|
||
|
|
this.$events[type].each(function(fn){
|
||
|
|
fn.create({'bind': this, 'delay': delay, 'arguments': args})();
|
||
|
|
}, this);
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
removeEvent: function(type, fn){
|
||
|
|
if (this.$events && this.$events[type]) this.$events[type].remove(fn);
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
var Options = new Class({
|
||
|
|
|
||
|
|
setOptions: function(){
|
||
|
|
this.options = $merge.apply(null, [this.options].extend(arguments));
|
||
|
|
if (this.addEvent){
|
||
|
|
for (var option in this.options){
|
||
|
|
if ($type(this.options[option] == 'function') && (/^on[A-Z]/).test(option)) this.addEvent(option, this.options[option]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Array.extend({
|
||
|
|
|
||
|
|
forEach: function(fn, bind){
|
||
|
|
for (var i = 0, j = this.length; i < j; i++) fn.call(bind, this[i], i, this);
|
||
|
|
},
|
||
|
|
|
||
|
|
filter: function(fn, bind){
|
||
|
|
var results = [];
|
||
|
|
for (var i = 0, j = this.length; i < j; i++){
|
||
|
|
if (fn.call(bind, this[i], i, this)) results.push(this[i]);
|
||
|
|
}
|
||
|
|
return results;
|
||
|
|
},
|
||
|
|
|
||
|
|
map: function(fn, bind){
|
||
|
|
var results = [];
|
||
|
|
for (var i = 0, j = this.length; i < j; i++) results[i] = fn.call(bind, this[i], i, this);
|
||
|
|
return results;
|
||
|
|
},
|
||
|
|
|
||
|
|
every: function(fn, bind){
|
||
|
|
for (var i = 0, j = this.length; i < j; i++){
|
||
|
|
if (!fn.call(bind, this[i], i, this)) return false;
|
||
|
|
}
|
||
|
|
return true;
|
||
|
|
},
|
||
|
|
|
||
|
|
some: function(fn, bind){
|
||
|
|
for (var i = 0, j = this.length; i < j; i++){
|
||
|
|
if (fn.call(bind, this[i], i, this)) return true;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
|
||
|
|
indexOf: function(item, from){
|
||
|
|
var len = this.length;
|
||
|
|
for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){
|
||
|
|
if (this[i] === item) return i;
|
||
|
|
}
|
||
|
|
return -1;
|
||
|
|
},
|
||
|
|
|
||
|
|
copy: function(start, length){
|
||
|
|
start = start || 0;
|
||
|
|
if (start < 0) start = this.length + start;
|
||
|
|
length = length || (this.length - start);
|
||
|
|
var newArray = [];
|
||
|
|
for (var i = 0; i < length; i++) newArray[i] = this[start++];
|
||
|
|
return newArray;
|
||
|
|
},
|
||
|
|
|
||
|
|
remove: function(item){
|
||
|
|
var i = 0;
|
||
|
|
var len = this.length;
|
||
|
|
while (i < len){
|
||
|
|
if (this[i] === item){
|
||
|
|
this.splice(i, 1);
|
||
|
|
len--;
|
||
|
|
} else {
|
||
|
|
i++;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
contains: function(item, from){
|
||
|
|
return this.indexOf(item, from) != -1;
|
||
|
|
},
|
||
|
|
|
||
|
|
associate: function(keys){
|
||
|
|
var obj = {}, length = Math.min(this.length, keys.length);
|
||
|
|
for (var i = 0; i < length; i++) obj[keys[i]] = this[i];
|
||
|
|
return obj;
|
||
|
|
},
|
||
|
|
|
||
|
|
extend: function(array){
|
||
|
|
for (var i = 0, j = array.length; i < j; i++) this.push(array[i]);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
merge: function(array){
|
||
|
|
for (var i = 0, l = array.length; i < l; i++) this.include(array[i]);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
include: function(item){
|
||
|
|
if (!this.contains(item)) this.push(item);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
getRandom: function(){
|
||
|
|
return this[$random(0, this.length - 1)] || null;
|
||
|
|
},
|
||
|
|
|
||
|
|
getLast: function(){
|
||
|
|
return this[this.length - 1] || null;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Array.prototype.each = Array.prototype.forEach;
|
||
|
|
Array.each = Array.forEach;
|
||
|
|
|
||
|
|
function $A(array){
|
||
|
|
return Array.copy(array);
|
||
|
|
};
|
||
|
|
|
||
|
|
function $each(iterable, fn, bind){
|
||
|
|
if (iterable && typeof iterable.length == 'number' && $type(iterable) != 'object'){
|
||
|
|
Array.forEach(iterable, fn, bind);
|
||
|
|
} else {
|
||
|
|
for (var name in iterable) fn.call(bind || iterable, iterable[name], name);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
Array.prototype.test = Array.prototype.contains;
|
||
|
|
|
||
|
|
String.extend({
|
||
|
|
|
||
|
|
test: function(regex, params){
|
||
|
|
return (($type(regex) == 'string') ? new RegExp(regex, params) : regex).test(this);
|
||
|
|
},
|
||
|
|
|
||
|
|
toInt: function(){
|
||
|
|
return parseInt(this, 10);
|
||
|
|
},
|
||
|
|
|
||
|
|
toFloat: function(){
|
||
|
|
return parseFloat(this);
|
||
|
|
},
|
||
|
|
|
||
|
|
camelCase: function(){
|
||
|
|
return this.replace(/-\D/g, function(match){
|
||
|
|
return match.charAt(1).toUpperCase();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
hyphenate: function(){
|
||
|
|
return this.replace(/\w[A-Z]/g, function(match){
|
||
|
|
return (match.charAt(0) + '-' + match.charAt(1).toLowerCase());
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
capitalize: function(){
|
||
|
|
return this.replace(/\b[a-z]/g, function(match){
|
||
|
|
return match.toUpperCase();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
trim: function(){
|
||
|
|
return this.replace(/^\s+|\s+$/g, '');
|
||
|
|
},
|
||
|
|
|
||
|
|
clean: function(){
|
||
|
|
return this.replace(/\s{2,}/g, ' ').trim();
|
||
|
|
},
|
||
|
|
|
||
|
|
rgbToHex: function(array){
|
||
|
|
var rgb = this.match(/\d{1,3}/g);
|
||
|
|
return (rgb) ? rgb.rgbToHex(array) : false;
|
||
|
|
},
|
||
|
|
|
||
|
|
hexToRgb: function(array){
|
||
|
|
var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
|
||
|
|
return (hex) ? hex.slice(1).hexToRgb(array) : false;
|
||
|
|
},
|
||
|
|
|
||
|
|
contains: function(string, s){
|
||
|
|
return (s) ? (s + this + s).indexOf(s + string + s) > -1 : this.indexOf(string) > -1;
|
||
|
|
},
|
||
|
|
|
||
|
|
escapeRegExp: function(){
|
||
|
|
return this.replace(/([.*+?^${}()|[\]\/\\])/g, '\\$1');
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Array.extend({
|
||
|
|
|
||
|
|
rgbToHex: function(array){
|
||
|
|
if (this.length < 3) return false;
|
||
|
|
if (this.length == 4 && this[3] == 0 && !array) return 'transparent';
|
||
|
|
var hex = [];
|
||
|
|
for (var i = 0; i < 3; i++){
|
||
|
|
var bit = (this[i] - 0).toString(16);
|
||
|
|
hex.push((bit.length == 1) ? '0' + bit : bit);
|
||
|
|
}
|
||
|
|
return array ? hex : '#' + hex.join('');
|
||
|
|
},
|
||
|
|
|
||
|
|
hexToRgb: function(array){
|
||
|
|
if (this.length != 3) return false;
|
||
|
|
var rgb = [];
|
||
|
|
for (var i = 0; i < 3; i++){
|
||
|
|
rgb.push(parseInt((this[i].length == 1) ? this[i] + this[i] : this[i], 16));
|
||
|
|
}
|
||
|
|
return array ? rgb : 'rgb(' + rgb.join(',') + ')';
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Function.extend({
|
||
|
|
|
||
|
|
create: function(options){
|
||
|
|
var fn = this;
|
||
|
|
options = $merge({
|
||
|
|
'bind': fn,
|
||
|
|
'event': false,
|
||
|
|
'arguments': null,
|
||
|
|
'delay': false,
|
||
|
|
'periodical': false,
|
||
|
|
'attempt': false
|
||
|
|
}, options);
|
||
|
|
if ($chk(options.arguments) && $type(options.arguments) != 'array') options.arguments = [options.arguments];
|
||
|
|
return function(event){
|
||
|
|
var args;
|
||
|
|
if (options.event){
|
||
|
|
event = event || window.event;
|
||
|
|
args = [(options.event === true) ? event : new options.event(event)];
|
||
|
|
if (options.arguments) args.extend(options.arguments);
|
||
|
|
}
|
||
|
|
else args = options.arguments || arguments;
|
||
|
|
var returns = function(){
|
||
|
|
return fn.apply($pick(options.bind, fn), args);
|
||
|
|
};
|
||
|
|
if (options.delay) return setTimeout(returns, options.delay);
|
||
|
|
if (options.periodical) return setInterval(returns, options.periodical);
|
||
|
|
if (options.attempt) try {return returns();} catch(err){return false;};
|
||
|
|
return returns();
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
pass: function(args, bind){
|
||
|
|
return this.create({'arguments': args, 'bind': bind});
|
||
|
|
},
|
||
|
|
|
||
|
|
attempt: function(args, bind){
|
||
|
|
return this.create({'arguments': args, 'bind': bind, 'attempt': true})();
|
||
|
|
},
|
||
|
|
|
||
|
|
bind: function(bind, args){
|
||
|
|
return this.create({'bind': bind, 'arguments': args});
|
||
|
|
},
|
||
|
|
|
||
|
|
bindAsEventListener: function(bind, args){
|
||
|
|
return this.create({'bind': bind, 'event': true, 'arguments': args});
|
||
|
|
},
|
||
|
|
|
||
|
|
delay: function(delay, bind, args){
|
||
|
|
return this.create({'delay': delay, 'bind': bind, 'arguments': args})();
|
||
|
|
},
|
||
|
|
|
||
|
|
periodical: function(interval, bind, args){
|
||
|
|
return this.create({'periodical': interval, 'bind': bind, 'arguments': args})();
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Number.extend({
|
||
|
|
|
||
|
|
toInt: function(){
|
||
|
|
return parseInt(this);
|
||
|
|
},
|
||
|
|
|
||
|
|
toFloat: function(){
|
||
|
|
return parseFloat(this);
|
||
|
|
},
|
||
|
|
|
||
|
|
limit: function(min, max){
|
||
|
|
return Math.min(max, Math.max(min, this));
|
||
|
|
},
|
||
|
|
|
||
|
|
round: function(precision){
|
||
|
|
precision = Math.pow(10, precision || 0);
|
||
|
|
return Math.round(this * precision) / precision;
|
||
|
|
},
|
||
|
|
|
||
|
|
times: function(fn){
|
||
|
|
for (var i = 0; i < this; i++) fn(i);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
var Element = new Class({
|
||
|
|
|
||
|
|
initialize: function(el, props){
|
||
|
|
if ($type(el) == 'string'){
|
||
|
|
if (window.ie && props && (props.name || props.type)){
|
||
|
|
var name = (props.name) ? ' name="' + props.name + '"' : '';
|
||
|
|
var type = (props.type) ? ' type="' + props.type + '"' : '';
|
||
|
|
delete props.name;
|
||
|
|
delete props.type;
|
||
|
|
el = '<' + el + name + type + '>';
|
||
|
|
}
|
||
|
|
el = document.createElement(el);
|
||
|
|
}
|
||
|
|
el = $(el);
|
||
|
|
return (!props || !el) ? el : el.set(props);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
var Elements = new Class({
|
||
|
|
|
||
|
|
initialize: function(elements){
|
||
|
|
return (elements) ? $extend(elements, this) : this;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Elements.extend = function(props){
|
||
|
|
for (var prop in props){
|
||
|
|
this.prototype[prop] = props[prop];
|
||
|
|
this[prop] = $native.generic(prop);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function $(el){
|
||
|
|
if (!el) return null;
|
||
|
|
if (el.htmlElement) return Garbage.collect(el);
|
||
|
|
if ([window, document].contains(el)) return el;
|
||
|
|
var type = $type(el);
|
||
|
|
if (type == 'string'){
|
||
|
|
el = document.getElementById(el);
|
||
|
|
type = (el) ? 'element' : false;
|
||
|
|
}
|
||
|
|
if (type != 'element') return null;
|
||
|
|
if (el.htmlElement) return Garbage.collect(el);
|
||
|
|
if (['object', 'embed'].contains(el.tagName.toLowerCase())) return el;
|
||
|
|
$extend(el, Element.prototype);
|
||
|
|
el.htmlElement = function(){};
|
||
|
|
return Garbage.collect(el);
|
||
|
|
};
|
||
|
|
|
||
|
|
document.getElementsBySelector = document.getElementsByTagName;
|
||
|
|
|
||
|
|
function $$(){
|
||
|
|
var elements = [];
|
||
|
|
for (var i = 0, j = arguments.length; i < j; i++){
|
||
|
|
var selector = arguments[i];
|
||
|
|
switch($type(selector)){
|
||
|
|
case 'element': elements.push(selector);
|
||
|
|
case 'boolean': break;
|
||
|
|
case false: break;
|
||
|
|
case 'string': selector = document.getElementsBySelector(selector, true);
|
||
|
|
default: elements.extend(selector);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return $$.unique(elements);
|
||
|
|
};
|
||
|
|
|
||
|
|
$$.unique = function(array){
|
||
|
|
var elements = [];
|
||
|
|
for (var i = 0, l = array.length; i < l; i++){
|
||
|
|
if (array[i].$included) continue;
|
||
|
|
var element = $(array[i]);
|
||
|
|
if (element && !element.$included){
|
||
|
|
element.$included = true;
|
||
|
|
elements.push(element);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for (var n = 0, d = elements.length; n < d; n++) elements[n].$included = null;
|
||
|
|
return new Elements(elements);
|
||
|
|
};
|
||
|
|
|
||
|
|
Elements.Multi = function(property){
|
||
|
|
return function(){
|
||
|
|
var args = arguments;
|
||
|
|
var items = [];
|
||
|
|
var elements = true;
|
||
|
|
for (var i = 0, j = this.length, returns; i < j; i++){
|
||
|
|
returns = this[i][property].apply(this[i], args);
|
||
|
|
if ($type(returns) != 'element') elements = false;
|
||
|
|
items.push(returns);
|
||
|
|
};
|
||
|
|
return (elements) ? $$.unique(items) : items;
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
Element.extend = function(properties){
|
||
|
|
for (var property in properties){
|
||
|
|
HTMLElement.prototype[property] = properties[property];
|
||
|
|
Element.prototype[property] = properties[property];
|
||
|
|
Element[property] = $native.generic(property);
|
||
|
|
var elementsProperty = (Array.prototype[property]) ? property + 'Elements' : property;
|
||
|
|
Elements.prototype[elementsProperty] = Elements.Multi(property);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
Element.extend({
|
||
|
|
|
||
|
|
set: function(props){
|
||
|
|
for (var prop in props){
|
||
|
|
var val = props[prop];
|
||
|
|
switch(prop){
|
||
|
|
case 'styles': this.setStyles(val); break;
|
||
|
|
case 'events': if (this.addEvents) this.addEvents(val); break;
|
||
|
|
case 'properties': this.setProperties(val); break;
|
||
|
|
default: this.setProperty(prop, val);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
inject: function(el, where){
|
||
|
|
el = $(el);
|
||
|
|
switch(where){
|
||
|
|
case 'before': el.parentNode.insertBefore(this, el); break;
|
||
|
|
case 'after':
|
||
|
|
var next = el.getNext();
|
||
|
|
if (!next) el.parentNode.appendChild(this);
|
||
|
|
else el.parentNode.insertBefore(this, next);
|
||
|
|
break;
|
||
|
|
case 'top':
|
||
|
|
var first = el.firstChild;
|
||
|
|
if (first){
|
||
|
|
el.insertBefore(this, first);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
default: el.appendChild(this);
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
injectBefore: function(el){
|
||
|
|
return this.inject(el, 'before');
|
||
|
|
},
|
||
|
|
|
||
|
|
injectAfter: function(el){
|
||
|
|
return this.inject(el, 'after');
|
||
|
|
},
|
||
|
|
|
||
|
|
injectInside: function(el){
|
||
|
|
return this.inject(el, 'bottom');
|
||
|
|
},
|
||
|
|
|
||
|
|
injectTop: function(el){
|
||
|
|
return this.inject(el, 'top');
|
||
|
|
},
|
||
|
|
|
||
|
|
adopt: function(){
|
||
|
|
var elements = [];
|
||
|
|
$each(arguments, function(argument){
|
||
|
|
elements = elements.concat(argument);
|
||
|
|
});
|
||
|
|
$$(elements).inject(this);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
remove: function(){
|
||
|
|
return this.parentNode.removeChild(this);
|
||
|
|
},
|
||
|
|
|
||
|
|
clone: function(contents){
|
||
|
|
var el = $(this.cloneNode(contents !== false));
|
||
|
|
if (!el.$events) return el;
|
||
|
|
el.$events = {};
|
||
|
|
for (var type in this.$events) el.$events[type] = {
|
||
|
|
'keys': $A(this.$events[type].keys),
|
||
|
|
'values': $A(this.$events[type].values)
|
||
|
|
};
|
||
|
|
return el.removeEvents();
|
||
|
|
},
|
||
|
|
|
||
|
|
replaceWith: function(el){
|
||
|
|
el = $(el);
|
||
|
|
this.parentNode.replaceChild(el, this);
|
||
|
|
return el;
|
||
|
|
},
|
||
|
|
|
||
|
|
appendText: function(text){
|
||
|
|
this.appendChild(document.createTextNode(text));
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
hasClass: function(className){
|
||
|
|
return this.className.contains(className, ' ');
|
||
|
|
},
|
||
|
|
|
||
|
|
addClass: function(className){
|
||
|
|
if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
removeClass: function(className){
|
||
|
|
this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean();
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
toggleClass: function(className){
|
||
|
|
return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
|
||
|
|
},
|
||
|
|
|
||
|
|
setStyle: function(property, value){
|
||
|
|
switch(property){
|
||
|
|
case 'opacity': return this.setOpacity(parseFloat(value));
|
||
|
|
case 'float': property = (window.ie) ? 'styleFloat' : 'cssFloat';
|
||
|
|
}
|
||
|
|
property = property.camelCase();
|
||
|
|
switch($type(value)){
|
||
|
|
case 'number': if (!['zIndex', 'zoom'].contains(property)) value += 'px'; break;
|
||
|
|
case 'array': value = 'rgb(' + value.join(',') + ')';
|
||
|
|
}
|
||
|
|
this.style[property] = value;
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
setStyles: function(source){
|
||
|
|
switch($type(source)){
|
||
|
|
case 'object': Element.setMany(this, 'setStyle', source); break;
|
||
|
|
case 'string': this.style.cssText = source;
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
setOpacity: function(opacity){
|
||
|
|
if (opacity == 0){
|
||
|
|
if (this.style.visibility != "hidden") this.style.visibility = "hidden";
|
||
|
|
} else {
|
||
|
|
if (this.style.visibility != "visible") this.style.visibility = "visible";
|
||
|
|
}
|
||
|
|
if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1;
|
||
|
|
if (window.ie) this.style.filter = (opacity == 1) ? '' : "alpha(opacity=" + opacity * 100 + ")";
|
||
|
|
this.style.opacity = this.$tmp.opacity = opacity;
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
getStyle: function(property){
|
||
|
|
property = property.camelCase();
|
||
|
|
var result = this.style[property];
|
||
|
|
if (!$chk(result)){
|
||
|
|
if (property == 'opacity') return this.$tmp.opacity;
|
||
|
|
result = [];
|
||
|
|
for (var style in Element.Styles){
|
||
|
|
if (property == style){
|
||
|
|
Element.Styles[style].each(function(s){
|
||
|
|
var style = this.getStyle(s);
|
||
|
|
result.push(parseInt(style) ? style : '0px');
|
||
|
|
}, this);
|
||
|
|
if (property == 'border'){
|
||
|
|
var every = result.every(function(bit){
|
||
|
|
return (bit == result[0]);
|
||
|
|
});
|
||
|
|
return (every) ? result[0] : false;
|
||
|
|
}
|
||
|
|
return result.join(' ');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (property.contains('border')){
|
||
|
|
if (Element.Styles.border.contains(property)){
|
||
|
|
return ['Width', 'Style', 'Color'].map(function(p){
|
||
|
|
return this.getStyle(property + p);
|
||
|
|
}, this).join(' ');
|
||
|
|
} else if (Element.borderShort.contains(property)){
|
||
|
|
return ['Top', 'Right', 'Bottom', 'Left'].map(function(p){
|
||
|
|
return this.getStyle('border' + p + property.replace('border', ''));
|
||
|
|
}, this).join(' ');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (document.defaultView) result = document.defaultView.getComputedStyle(this, null).getPropertyValue(property.hyphenate());
|
||
|
|
else if (this.currentStyle) result = this.currentStyle[property];
|
||
|
|
}
|
||
|
|
if (window.ie) result = Element.fixStyle(property, result, this);
|
||
|
|
if (result && property.test(/color/i) && result.contains('rgb')){
|
||
|
|
return result.split('rgb').splice(1,4).map(function(color){
|
||
|
|
return color.rgbToHex();
|
||
|
|
}).join(' ');
|
||
|
|
}
|
||
|
|
return result;
|
||
|
|
},
|
||
|
|
|
||
|
|
getStyles: function(){
|
||
|
|
return Element.getMany(this, 'getStyle', arguments);
|
||
|
|
},
|
||
|
|
|
||
|
|
walk: function(brother, start){
|
||
|
|
brother += 'Sibling';
|
||
|
|
var el = (start) ? this[start] : this[brother];
|
||
|
|
while (el && $type(el) != 'element') el = el[brother];
|
||
|
|
return $(el);
|
||
|
|
},
|
||
|
|
|
||
|
|
getPrevious: function(){
|
||
|
|
return this.walk('previous');
|
||
|
|
},
|
||
|
|
|
||
|
|
getNext: function(){
|
||
|
|
return this.walk('next');
|
||
|
|
},
|
||
|
|
|
||
|
|
getFirst: function(){
|
||
|
|
return this.walk('next', 'firstChild');
|
||
|
|
},
|
||
|
|
|
||
|
|
getLast: function(){
|
||
|
|
return this.walk('previous', 'lastChild');
|
||
|
|
},
|
||
|
|
|
||
|
|
getParent: function(){
|
||
|
|
return $(this.parentNode);
|
||
|
|
},
|
||
|
|
|
||
|
|
getChildren: function(){
|
||
|
|
return $$(this.childNodes);
|
||
|
|
},
|
||
|
|
|
||
|
|
hasChild: function(el){
|
||
|
|
return !!$A(this.getElementsByTagName('*')).contains(el);
|
||
|
|
},
|
||
|
|
|
||
|
|
getProperty: function(property){
|
||
|
|
var index = Element.Properties[property];
|
||
|
|
if (index) return this[index];
|
||
|
|
var flag = Element.PropertiesIFlag[property] || 0;
|
||
|
|
if (!window.ie || flag) return this.getAttribute(property, flag);
|
||
|
|
var node = this.attributes[property];
|
||
|
|
return (node) ? node.nodeValue : null;
|
||
|
|
},
|
||
|
|
|
||
|
|
removeProperty: function(property){
|
||
|
|
var index = Element.Properties[property];
|
||
|
|
if (index) this[index] = '';
|
||
|
|
else this.removeAttribute(property);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
getProperties: function(){
|
||
|
|
return Element.getMany(this, 'getProperty', arguments);
|
||
|
|
},
|
||
|
|
|
||
|
|
setProperty: function(property, value){
|
||
|
|
var index = Element.Properties[property];
|
||
|
|
if (index) this[index] = value;
|
||
|
|
else this.setAttribute(property, value);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
setProperties: function(source){
|
||
|
|
return Element.setMany(this, 'setProperty', source);
|
||
|
|
},
|
||
|
|
|
||
|
|
setHTML: function(){
|
||
|
|
this.innerHTML = $A(arguments).join('');
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
setText: function(text){
|
||
|
|
var tag = this.getTag();
|
||
|
|
if (['style', 'script'].contains(tag)){
|
||
|
|
if (window.ie){
|
||
|
|
if (tag == 'style') this.styleSheet.cssText = text;
|
||
|
|
else if (tag == 'script') this.setProperty('text', text);
|
||
|
|
return this;
|
||
|
|
} else {
|
||
|
|
this.removeChild(this.firstChild);
|
||
|
|
return this.appendText(text);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
this[$defined(this.innerText) ? 'innerText' : 'textContent'] = text;
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
getText: function(){
|
||
|
|
var tag = this.getTag();
|
||
|
|
if (['style', 'script'].contains(tag)){
|
||
|
|
if (window.ie){
|
||
|
|
if (tag == 'style') return this.styleSheet.cssText;
|
||
|
|
else if (tag == 'script') return this.getProperty('text');
|
||
|
|
} else {
|
||
|
|
return this.innerHTML;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return ($pick(this.innerText, this.textContent));
|
||
|
|
},
|
||
|
|
|
||
|
|
getTag: function(){
|
||
|
|
return this.tagName.toLowerCase();
|
||
|
|
},
|
||
|
|
|
||
|
|
empty: function(){
|
||
|
|
Garbage.trash(this.getElementsByTagName('*'));
|
||
|
|
return this.setHTML('');
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Element.fixStyle = function(property, result, element){
|
||
|
|
if ($chk(parseInt(result))) return result;
|
||
|
|
if (['height', 'width'].contains(property)){
|
||
|
|
var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'];
|
||
|
|
var size = 0;
|
||
|
|
values.each(function(value){
|
||
|
|
size += element.getStyle('border-' + value + '-width').toInt() + element.getStyle('padding-' + value).toInt();
|
||
|
|
});
|
||
|
|
return element['offset' + property.capitalize()] - size + 'px';
|
||
|
|
} else if (property.test(/border(.+)Width|margin|padding/)){
|
||
|
|
return '0px';
|
||
|
|
}
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
|
||
|
|
Element.Styles = {'border': [], 'padding': [], 'margin': []};
|
||
|
|
['Top', 'Right', 'Bottom', 'Left'].each(function(direction){
|
||
|
|
for (var style in Element.Styles) Element.Styles[style].push(style + direction);
|
||
|
|
});
|
||
|
|
|
||
|
|
Element.borderShort = ['borderWidth', 'borderStyle', 'borderColor'];
|
||
|
|
|
||
|
|
Element.getMany = function(el, method, keys){
|
||
|
|
var result = {};
|
||
|
|
$each(keys, function(key){
|
||
|
|
result[key] = el[method](key);
|
||
|
|
});
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
|
||
|
|
Element.setMany = function(el, method, pairs){
|
||
|
|
for (var key in pairs) el[method](key, pairs[key]);
|
||
|
|
return el;
|
||
|
|
};
|
||
|
|
|
||
|
|
Element.Properties = new Abstract({
|
||
|
|
'class': 'className', 'for': 'htmlFor', 'colspan': 'colSpan', 'rowspan': 'rowSpan',
|
||
|
|
'accesskey': 'accessKey', 'tabindex': 'tabIndex', 'maxlength': 'maxLength',
|
||
|
|
'readonly': 'readOnly', 'frameborder': 'frameBorder', 'value': 'value',
|
||
|
|
'disabled': 'disabled', 'checked': 'checked', 'multiple': 'multiple', 'selected': 'selected'
|
||
|
|
});
|
||
|
|
Element.PropertiesIFlag = {
|
||
|
|
'href': 2, 'src': 2
|
||
|
|
};
|
||
|
|
|
||
|
|
Element.Methods = {
|
||
|
|
Listeners: {
|
||
|
|
addListener: function(type, fn){
|
||
|
|
if (this.addEventListener) this.addEventListener(type, fn, false);
|
||
|
|
else this.attachEvent('on' + type, fn);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
removeListener: function(type, fn){
|
||
|
|
if (this.removeEventListener) this.removeEventListener(type, fn, false);
|
||
|
|
else this.detachEvent('on' + type, fn);
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
window.extend(Element.Methods.Listeners);
|
||
|
|
document.extend(Element.Methods.Listeners);
|
||
|
|
Element.extend(Element.Methods.Listeners);
|
||
|
|
|
||
|
|
var Garbage = {
|
||
|
|
|
||
|
|
elements: [],
|
||
|
|
|
||
|
|
collect: function(el){
|
||
|
|
if (!el.$tmp){
|
||
|
|
Garbage.elements.push(el);
|
||
|
|
el.$tmp = {'opacity': 1};
|
||
|
|
}
|
||
|
|
return el;
|
||
|
|
},
|
||
|
|
|
||
|
|
trash: function(elements){
|
||
|
|
for (var i = 0, j = elements.length, el; i < j; i++){
|
||
|
|
if (!(el = elements[i]) || !el.$tmp) continue;
|
||
|
|
if (el.$events) el.fireEvent('trash').removeEvents();
|
||
|
|
for (var p in el.$tmp) el.$tmp[p] = null;
|
||
|
|
for (var d in Element.prototype) el[d] = null;
|
||
|
|
Garbage.elements[Garbage.elements.indexOf(el)] = null;
|
||
|
|
el.htmlElement = el.$tmp = el = null;
|
||
|
|
}
|
||
|
|
Garbage.elements.remove(null);
|
||
|
|
},
|
||
|
|
|
||
|
|
empty: function(){
|
||
|
|
Garbage.collect(window);
|
||
|
|
Garbage.collect(document);
|
||
|
|
Garbage.trash(Garbage.elements);
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
window.addListener('beforeunload', function(){
|
||
|
|
window.addListener('unload', Garbage.empty);
|
||
|
|
if (window.ie) window.addListener('unload', CollectGarbage);
|
||
|
|
});
|
||
|
|
|
||
|
|
var Event = new Class({
|
||
|
|
|
||
|
|
initialize: function(event){
|
||
|
|
if (event && event.$extended) return event;
|
||
|
|
this.$extended = true;
|
||
|
|
event = event || window.event;
|
||
|
|
this.event = event;
|
||
|
|
this.type = event.type;
|
||
|
|
this.target = event.target || event.srcElement;
|
||
|
|
if (this.target.nodeType == 3) this.target = this.target.parentNode;
|
||
|
|
this.shift = event.shiftKey;
|
||
|
|
this.control = event.ctrlKey;
|
||
|
|
this.alt = event.altKey;
|
||
|
|
this.meta = event.metaKey;
|
||
|
|
if (['DOMMouseScroll', 'mousewheel'].contains(this.type)){
|
||
|
|
this.wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
|
||
|
|
} else if (this.type.contains('key')){
|
||
|
|
this.code = event.which || event.keyCode;
|
||
|
|
for (var name in Event.keys){
|
||
|
|
if (Event.keys[name] == this.code){
|
||
|
|
this.key = name;
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (this.type == 'keydown'){
|
||
|
|
var fKey = this.code - 111;
|
||
|
|
if (fKey > 0 && fKey < 13) this.key = 'f' + fKey;
|
||
|
|
}
|
||
|
|
this.key = this.key || String.fromCharCode(this.code).toLowerCase();
|
||
|
|
} else if (this.type.test(/(click|mouse|menu)/)){
|
||
|
|
this.page = {
|
||
|
|
'x': event.pageX || event.clientX + document.documentElement.scrollLeft,
|
||
|
|
'y': event.pageY || event.clientY + document.documentElement.scrollTop
|
||
|
|
};
|
||
|
|
this.client = {
|
||
|
|
'x': event.pageX ? event.pageX - window.pageXOffset : event.clientX,
|
||
|
|
'y': event.pageY ? event.pageY - window.pageYOffset : event.clientY
|
||
|
|
};
|
||
|
|
this.rightClick = (event.which == 3) || (event.button == 2);
|
||
|
|
switch(this.type){
|
||
|
|
case 'mouseover': this.relatedTarget = event.relatedTarget || event.fromElement; break;
|
||
|
|
case 'mouseout': this.relatedTarget = event.relatedTarget || event.toElement;
|
||
|
|
}
|
||
|
|
this.fixRelatedTarget();
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
stop: function(){
|
||
|
|
return this.stopPropagation().preventDefault();
|
||
|
|
},
|
||
|
|
|
||
|
|
stopPropagation: function(){
|
||
|
|
if (this.event.stopPropagation) this.event.stopPropagation();
|
||
|
|
else this.event.cancelBubble = true;
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
preventDefault: function(){
|
||
|
|
if (this.event.preventDefault) this.event.preventDefault();
|
||
|
|
else this.event.returnValue = false;
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Event.fix = {
|
||
|
|
|
||
|
|
relatedTarget: function(){
|
||
|
|
if (this.relatedTarget && this.relatedTarget.nodeType == 3) this.relatedTarget = this.relatedTarget.parentNode;
|
||
|
|
},
|
||
|
|
|
||
|
|
relatedTargetGecko: function(){
|
||
|
|
try {Event.fix.relatedTarget.call(this);} catch(e){this.relatedTarget = this.target;}
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
Event.prototype.fixRelatedTarget = (window.gecko) ? Event.fix.relatedTargetGecko : Event.fix.relatedTarget;
|
||
|
|
|
||
|
|
Event.keys = new Abstract({
|
||
|
|
'enter': 13,
|
||
|
|
'up': 38,
|
||
|
|
'down': 40,
|
||
|
|
'left': 37,
|
||
|
|
'right': 39,
|
||
|
|
'esc': 27,
|
||
|
|
'space': 32,
|
||
|
|
'backspace': 8,
|
||
|
|
'tab': 9,
|
||
|
|
'delete': 46
|
||
|
|
});
|
||
|
|
|
||
|
|
Element.Methods.Events = {
|
||
|
|
|
||
|
|
addEvent: function(type, fn){
|
||
|
|
this.$events = this.$events || {};
|
||
|
|
this.$events[type] = this.$events[type] || {'keys': [], 'values': []};
|
||
|
|
if (this.$events[type].keys.contains(fn)) return this;
|
||
|
|
this.$events[type].keys.push(fn);
|
||
|
|
var realType = type;
|
||
|
|
var custom = Element.Events[type];
|
||
|
|
if (custom){
|
||
|
|
if (custom.add) custom.add.call(this, fn);
|
||
|
|
if (custom.map) fn = custom.map;
|
||
|
|
if (custom.type) realType = custom.type;
|
||
|
|
}
|
||
|
|
if (!this.addEventListener) fn = fn.create({'bind': this, 'event': true});
|
||
|
|
this.$events[type].values.push(fn);
|
||
|
|
return (Element.NativeEvents.contains(realType)) ? this.addListener(realType, fn) : this;
|
||
|
|
},
|
||
|
|
|
||
|
|
removeEvent: function(type, fn){
|
||
|
|
if (!this.$events || !this.$events[type]) return this;
|
||
|
|
var pos = this.$events[type].keys.indexOf(fn);
|
||
|
|
if (pos == -1) return this;
|
||
|
|
var key = this.$events[type].keys.splice(pos,1)[0];
|
||
|
|
var value = this.$events[type].values.splice(pos,1)[0];
|
||
|
|
var custom = Element.Events[type];
|
||
|
|
if (custom){
|
||
|
|
if (custom.remove) custom.remove.call(this, fn);
|
||
|
|
if (custom.type) type = custom.type;
|
||
|
|
}
|
||
|
|
return (Element.NativeEvents.contains(type)) ? this.removeListener(type, value) : this;
|
||
|
|
},
|
||
|
|
|
||
|
|
addEvents: function(source){
|
||
|
|
return Element.setMany(this, 'addEvent', source);
|
||
|
|
},
|
||
|
|
|
||
|
|
removeEvents: function(type){
|
||
|
|
if (!this.$events) return this;
|
||
|
|
if (!type){
|
||
|
|
for (var evType in this.$events) this.removeEvents(evType);
|
||
|
|
this.$events = null;
|
||
|
|
} else if (this.$events[type]){
|
||
|
|
this.$events[type].keys.each(function(fn){
|
||
|
|
this.removeEvent(type, fn);
|
||
|
|
}, this);
|
||
|
|
this.$events[type] = null;
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
fireEvent: function(type, args, delay){
|
||
|
|
if (this.$events && this.$events[type]){
|
||
|
|
this.$events[type].keys.each(function(fn){
|
||
|
|
fn.create({'bind': this, 'delay': delay, 'arguments': args})();
|
||
|
|
}, this);
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
cloneEvents: function(from, type){
|
||
|
|
if (!from.$events) return this;
|
||
|
|
if (!type){
|
||
|
|
for (var evType in from.$events) this.cloneEvents(from, evType);
|
||
|
|
} else if (from.$events[type]){
|
||
|
|
from.$events[type].keys.each(function(fn){
|
||
|
|
this.addEvent(type, fn);
|
||
|
|
}, this);
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
window.extend(Element.Methods.Events);
|
||
|
|
document.extend(Element.Methods.Events);
|
||
|
|
Element.extend(Element.Methods.Events);
|
||
|
|
|
||
|
|
Element.Events = new Abstract({
|
||
|
|
|
||
|
|
'mouseenter': {
|
||
|
|
type: 'mouseover',
|
||
|
|
map: function(event){
|
||
|
|
event = new Event(event);
|
||
|
|
if (event.relatedTarget != this && !this.hasChild(event.relatedTarget)) this.fireEvent('mouseenter', event);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
'mouseleave': {
|
||
|
|
type: 'mouseout',
|
||
|
|
map: function(event){
|
||
|
|
event = new Event(event);
|
||
|
|
if (event.relatedTarget != this && !this.hasChild(event.relatedTarget)) this.fireEvent('mouseleave', event);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
'mousewheel': {
|
||
|
|
type: (window.gecko) ? 'DOMMouseScroll' : 'mousewheel'
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Element.NativeEvents = [
|
||
|
|
'click', 'dblclick', 'mouseup', 'mousedown',
|
||
|
|
'mousewheel', 'DOMMouseScroll',
|
||
|
|
'mouseover', 'mouseout', 'mousemove',
|
||
|
|
'keydown', 'keypress', 'keyup',
|
||
|
|
'load', 'unload', 'beforeunload', 'resize', 'move',
|
||
|
|
'focus', 'blur', 'change', 'submit', 'reset', 'select',
|
||
|
|
'error', 'abort', 'contextmenu', 'scroll'
|
||
|
|
];
|
||
|
|
|
||
|
|
Function.extend({
|
||
|
|
|
||
|
|
bindWithEvent: function(bind, args){
|
||
|
|
return this.create({'bind': bind, 'arguments': args, 'event': Event});
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Elements.extend({
|
||
|
|
|
||
|
|
filterByTag: function(tag){
|
||
|
|
return new Elements(this.filter(function(el){
|
||
|
|
return (Element.getTag(el) == tag);
|
||
|
|
}));
|
||
|
|
},
|
||
|
|
|
||
|
|
filterByClass: function(className, nocash){
|
||
|
|
var elements = this.filter(function(el){
|
||
|
|
return (el.className && el.className.contains(className, ' '));
|
||
|
|
});
|
||
|
|
return (nocash) ? elements : new Elements(elements);
|
||
|
|
},
|
||
|
|
|
||
|
|
filterById: function(id, nocash){
|
||
|
|
var elements = this.filter(function(el){
|
||
|
|
return (el.id == id);
|
||
|
|
});
|
||
|
|
return (nocash) ? elements : new Elements(elements);
|
||
|
|
},
|
||
|
|
|
||
|
|
filterByAttribute: function(name, operator, value, nocash){
|
||
|
|
var elements = this.filter(function(el){
|
||
|
|
var current = Element.getProperty(el, name);
|
||
|
|
if (!current) return false;
|
||
|
|
if (!operator) return true;
|
||
|
|
switch(operator){
|
||
|
|
case '=': return (current == value);
|
||
|
|
case '*=': return (current.contains(value));
|
||
|
|
case '^=': return (current.substr(0, value.length) == value);
|
||
|
|
case '$=': return (current.substr(current.length - value.length) == value);
|
||
|
|
case '!=': return (current != value);
|
||
|
|
case '~=': return current.contains(value, ' ');
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
return (nocash) ? elements : new Elements(elements);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
function $E(selector, filter){
|
||
|
|
return ($(filter) || document).getElement(selector);
|
||
|
|
};
|
||
|
|
|
||
|
|
function $ES(selector, filter){
|
||
|
|
return ($(filter) || document).getElementsBySelector(selector);
|
||
|
|
};
|
||
|
|
|
||
|
|
$$.shared = {
|
||
|
|
|
||
|
|
'regexp': /^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/,
|
||
|
|
|
||
|
|
'xpath': {
|
||
|
|
|
||
|
|
getParam: function(items, context, param, i){
|
||
|
|
var temp = [context.namespaceURI ? 'xhtml:' : '', param[1]];
|
||
|
|
if (param[2]) temp.push('[@id="', param[2], '"]');
|
||
|
|
if (param[3]) temp.push('[contains(concat(" ", @class, " "), " ', param[3], ' ")]');
|
||
|
|
if (param[4]){
|
||
|
|
if (param[5] && param[6]){
|
||
|
|
switch(param[5]){
|
||
|
|
case '*=': temp.push('[contains(@', param[4], ', "', param[6], '")]'); break;
|
||
|
|
case '^=': temp.push('[starts-with(@', param[4], ', "', param[6], '")]'); break;
|
||
|
|
case '$=': temp.push('[substring(@', param[4], ', string-length(@', param[4], ') - ', param[6].length, ' + 1) = "', param[6], '"]'); break;
|
||
|
|
case '=': temp.push('[@', param[4], '="', param[6], '"]'); break;
|
||
|
|
case '!=': temp.push('[@', param[4], '!="', param[6], '"]');
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
temp.push('[@', param[4], ']');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
items.push(temp.join(''));
|
||
|
|
return items;
|
||
|
|
},
|
||
|
|
|
||
|
|
getItems: function(items, context, nocash){
|
||
|
|
var elements = [];
|
||
|
|
var xpath = document.evaluate('.//' + items.join('//'), context, $$.shared.resolver, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
|
||
|
|
for (var i = 0, j = xpath.snapshotLength; i < j; i++) elements.push(xpath.snapshotItem(i));
|
||
|
|
return (nocash) ? elements : new Elements(elements.map($));
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
'normal': {
|
||
|
|
|
||
|
|
getParam: function(items, context, param, i){
|
||
|
|
if (i == 0){
|
||
|
|
if (param[2]){
|
||
|
|
var el = context.getElementById(param[2]);
|
||
|
|
if (!el || ((param[1] != '*') && (Element.getTag(el) != param[1]))) return false;
|
||
|
|
items = [el];
|
||
|
|
} else {
|
||
|
|
items = $A(context.getElementsByTagName(param[1]));
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
items = $$.shared.getElementsByTagName(items, param[1]);
|
||
|
|
if (param[2]) items = Elements.filterById(items, param[2], true);
|
||
|
|
}
|
||
|
|
if (param[3]) items = Elements.filterByClass(items, param[3], true);
|
||
|
|
if (param[4]) items = Elements.filterByAttribute(items, param[4], param[5], param[6], true);
|
||
|
|
return items;
|
||
|
|
},
|
||
|
|
|
||
|
|
getItems: function(items, context, nocash){
|
||
|
|
return (nocash) ? items : $$.unique(items);
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
resolver: function(prefix){
|
||
|
|
return (prefix == 'xhtml') ? 'http://www.w3.org/1999/xhtml' : false;
|
||
|
|
},
|
||
|
|
|
||
|
|
getElementsByTagName: function(context, tagName){
|
||
|
|
var found = [];
|
||
|
|
for (var i = 0, j = context.length; i < j; i++) found.extend(context[i].getElementsByTagName(tagName));
|
||
|
|
return found;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
$$.shared.method = (window.xpath) ? 'xpath' : 'normal';
|
||
|
|
|
||
|
|
Element.Methods.Dom = {
|
||
|
|
|
||
|
|
getElements: function(selector, nocash){
|
||
|
|
var items = [];
|
||
|
|
selector = selector.trim().split(' ');
|
||
|
|
for (var i = 0, j = selector.length; i < j; i++){
|
||
|
|
var sel = selector[i];
|
||
|
|
var param = sel.match($$.shared.regexp);
|
||
|
|
if (!param) break;
|
||
|
|
param[1] = param[1] || '*';
|
||
|
|
var temp = $$.shared[$$.shared.method].getParam(items, this, param, i);
|
||
|
|
if (!temp) break;
|
||
|
|
items = temp;
|
||
|
|
}
|
||
|
|
return $$.shared[$$.shared.method].getItems(items, this, nocash);
|
||
|
|
},
|
||
|
|
|
||
|
|
getElement: function(selector){
|
||
|
|
return $(this.getElements(selector, true)[0] || false);
|
||
|
|
},
|
||
|
|
|
||
|
|
getElementsBySelector: function(selector, nocash){
|
||
|
|
var elements = [];
|
||
|
|
selector = selector.split(',');
|
||
|
|
for (var i = 0, j = selector.length; i < j; i++) elements = elements.concat(this.getElements(selector[i], true));
|
||
|
|
return (nocash) ? elements : $$.unique(elements);
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
Element.extend({
|
||
|
|
|
||
|
|
getElementById: function(id){
|
||
|
|
var el = document.getElementById(id);
|
||
|
|
if (!el) return false;
|
||
|
|
for (var parent = el.parentNode; parent != this; parent = parent.parentNode){
|
||
|
|
if (!parent) return false;
|
||
|
|
}
|
||
|
|
return el;
|
||
|
|
}/*compatibility*/,
|
||
|
|
|
||
|
|
getElementsByClassName: function(className){
|
||
|
|
return this.getElements('.' + className);
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
document.extend(Element.Methods.Dom);
|
||
|
|
Element.extend(Element.Methods.Dom);
|
||
|
|
|
||
|
|
Element.extend({
|
||
|
|
|
||
|
|
getValue: function(){
|
||
|
|
switch(this.getTag()){
|
||
|
|
case 'select':
|
||
|
|
var values = [];
|
||
|
|
$each(this.options, function(option){
|
||
|
|
if (option.selected) values.push($pick(option.value, option.text));
|
||
|
|
});
|
||
|
|
return (this.multiple) ? values : values[0];
|
||
|
|
case 'input': if (!(this.checked && ['checkbox', 'radio'].contains(this.type)) && !['hidden', 'text', 'password'].contains(this.type)) break;
|
||
|
|
case 'textarea': return this.value;
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
},
|
||
|
|
|
||
|
|
getFormElements: function(){
|
||
|
|
return $$(this.getElementsByTagName('input'), this.getElementsByTagName('select'), this.getElementsByTagName('textarea'));
|
||
|
|
},
|
||
|
|
|
||
|
|
toQueryString: function(){
|
||
|
|
var queryString = [];
|
||
|
|
this.getFormElements().each(function(el){
|
||
|
|
var name = el.name;
|
||
|
|
var value = el.getValue();
|
||
|
|
if (value === false || !name || el.disabled) return;
|
||
|
|
var qs = function(val){
|
||
|
|
queryString.push(name + '=' + encodeURIComponent(val));
|
||
|
|
};
|
||
|
|
if ($type(value) == 'array') value.each(qs);
|
||
|
|
else qs(value);
|
||
|
|
});
|
||
|
|
return queryString.join('&');
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Element.extend({
|
||
|
|
|
||
|
|
scrollTo: function(x, y){
|
||
|
|
this.scrollLeft = x;
|
||
|
|
this.scrollTop = y;
|
||
|
|
},
|
||
|
|
|
||
|
|
getSize: function(){
|
||
|
|
return {
|
||
|
|
'scroll': {'x': this.scrollLeft, 'y': this.scrollTop},
|
||
|
|
'size': {'x': this.offsetWidth, 'y': this.offsetHeight},
|
||
|
|
'scrollSize': {'x': this.scrollWidth, 'y': this.scrollHeight}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
getPosition: function(overflown){
|
||
|
|
overflown = overflown || [];
|
||
|
|
var el = this, left = 0, top = 0;
|
||
|
|
do {
|
||
|
|
left += el.offsetLeft || 0;
|
||
|
|
top += el.offsetTop || 0;
|
||
|
|
el = el.offsetParent;
|
||
|
|
} while (el);
|
||
|
|
overflown.each(function(element){
|
||
|
|
left -= element.scrollLeft || 0;
|
||
|
|
top -= element.scrollTop || 0;
|
||
|
|
});
|
||
|
|
return {'x': left, 'y': top};
|
||
|
|
},
|
||
|
|
|
||
|
|
getTop: function(overflown){
|
||
|
|
return this.getPosition(overflown).y;
|
||
|
|
},
|
||
|
|
|
||
|
|
getLeft: function(overflown){
|
||
|
|
return this.getPosition(overflown).x;
|
||
|
|
},
|
||
|
|
|
||
|
|
getCoordinates: function(overflown){
|
||
|
|
var position = this.getPosition(overflown);
|
||
|
|
var obj = {
|
||
|
|
'width': this.offsetWidth,
|
||
|
|
'height': this.offsetHeight,
|
||
|
|
'left': position.x,
|
||
|
|
'top': position.y
|
||
|
|
};
|
||
|
|
obj.right = obj.left + obj.width;
|
||
|
|
obj.bottom = obj.top + obj.height;
|
||
|
|
return obj;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
Element.Events.domready = {
|
||
|
|
|
||
|
|
add: function(fn){
|
||
|
|
if (window.loaded){
|
||
|
|
fn.call(this);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var domReady = function(){
|
||
|
|
if (window.loaded) return;
|
||
|
|
window.loaded = true;
|
||
|
|
window.timer = $clear(window.timer);
|
||
|
|
this.fireEvent('domready');
|
||
|
|
}.bind(this);
|
||
|
|
if (document.readyState && window.webkit){
|
||
|
|
window.timer = function(){
|
||
|
|
if (['loaded','complete'].contains(document.readyState)) domReady();
|
||
|
|
}.periodical(50);
|
||
|
|
} else if (document.readyState && window.ie){
|
||
|
|
if (!$('ie_ready')){
|
||
|
|
var src = (window.location.protocol == 'https:') ? '://0' : 'javascript:void(0)';
|
||
|
|
document.write('<script id="ie_ready" defer src="' + src + '"><\/script>');
|
||
|
|
$('ie_ready').onreadystatechange = function(){
|
||
|
|
if (this.readyState == 'complete') domReady();
|
||
|
|
};
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
window.addListener("load", domReady);
|
||
|
|
document.addListener("DOMContentLoaded", domReady);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
window.onDomReady = function(fn){
|
||
|
|
return this.addEvent('domready', fn);
|
||
|
|
};
|
||
|
|
|
||
|
|
window.extend({
|
||
|
|
|
||
|
|
getWidth: function(){
|
||
|
|
if (this.webkit419) return this.innerWidth;
|
||
|
|
if (this.opera) return document.body.clientWidth;
|
||
|
|
return document.documentElement.clientWidth;
|
||
|
|
},
|
||
|
|
|
||
|
|
getHeight: function(){
|
||
|
|
if (this.webkit419) return this.innerHeight;
|
||
|
|
if (this.opera) return document.body.clientHeight;
|
||
|
|
return document.documentElement.clientHeight;
|
||
|
|
},
|
||
|
|
|
||
|
|
getScrollWidth: function(){
|
||
|
|
if (this.ie) return Math.max(document.documentElement.offsetWidth, document.documentElement.scrollWidth);
|
||
|
|
if (this.webkit) return document.body.scrollWidth;
|
||
|
|
return document.documentElement.scrollWidth;
|
||
|
|
},
|
||
|
|
|
||
|
|
getScrollHeight: function(){
|
||
|
|
if (this.ie) return Math.max(document.documentElement.offsetHeight, document.documentElement.scrollHeight);
|
||
|
|
if (this.webkit) return document.body.scrollHeight;
|
||
|
|
return document.documentElement.scrollHeight;
|
||
|
|
},
|
||
|
|
|
||
|
|
getScrollLeft: function(){
|
||
|
|
return this.pageXOffset || document.documentElement.scrollLeft;
|
||
|
|
},
|
||
|
|
|
||
|
|
getScrollTop: function(){
|
||
|
|
return this.pageYOffset || document.documentElement.scrollTop;
|
||
|
|
},
|
||
|
|
|
||
|
|
getSize: function(){
|
||
|
|
return {
|
||
|
|
'size': {'x': this.getWidth(), 'y': this.getHeight()},
|
||
|
|
'scrollSize': {'x': this.getScrollWidth(), 'y': this.getScrollHeight()},
|
||
|
|
'scroll': {'x': this.getScrollLeft(), 'y': this.getScrollTop()}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
getPosition: function(){return {'x': 0, 'y': 0};}
|
||
|
|
|
||
|
|
});
|