/*--------------------------------------------------------------------------*/
Element.collectTextNodes = function(element) {
- return $A($(element).childNodes).collect( function(node) {
+ return $A($PR(element).childNodes).collect( function(node) {
return (node.nodeType==3 ? node.nodeValue :
(node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
}).flatten().join('');
}
Element.collectTextNodesIgnoreClass = function(element, className) {
- return $A($(element).childNodes).collect( function(node) {
+ return $A($PR(element).childNodes).collect( function(node) {
return (node.nodeType==3 ? node.nodeValue :
((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
Element.collectTextNodesIgnoreClass(node, className) : ''));
}
Element.setContentZoom = function(element, percent) {
- element = $(element);
+ element = $PR(element);
Element.setStyle(element, {fontSize: (percent/100) + 'em'});
if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0);
}
}
Element.setOpacity = function(element, value){
- element= $(element);
+ element= $PR(element);
if (value == 1){
Element.setStyle(element, { opacity:
(/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ?
}
Element.getInlineOpacity = function(element){
- return $(element).style.opacity || '';
+ return $PR(element).style.opacity || '';
}
Element.childrenWithClassName = function(element, className, findFirst) {
var classNameRegExp = new RegExp("(^|\\s)" + className + "(\\s|$)");
- var results = $A($(element).getElementsByTagName('*'))[findFirst ? 'detect' : 'select']( function(c) {
+ var results = $A($PR(element).getElementsByTagName('*'))[findFirst ? 'detect' : 'select']( function(c) {
return (c.className && c.className.match(classNameRegExp));
});
if(!results) results = [];
Element.forceRerendering = function(element) {
try {
- element = $(element);
+ element = $PR(element);
var n = document.createTextNode(' ');
element.appendChild(n);
element.removeChild(n);
tagifyText: function(element) {
var tagifyStyle = 'position:relative';
if(/MSIE/.test(navigator.userAgent)) tagifyStyle += ';zoom:1';
- element = $(element);
+ element = $PR(element);
$A(element.childNodes).each( function(child) {
if(child.nodeType==3) {
child.nodeValue.toArray().each( function(character) {
(element.length))
elements = element;
else
- elements = $(element).childNodes;
+ elements = $PR(element).childNodes;
var options = Object.extend({
speed: 0.1,
'appear': ['Appear','Fade']
},
toggle: function(element, effect) {
- element = $(element);
+ element = $PR(element);
effect = (effect || 'appear').toLowerCase();
var options = Object.extend({
queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
Effect.Opacity = Class.create();
Object.extend(Object.extend(Effect.Opacity.prototype, Effect.Base.prototype), {
initialize: function(element) {
- this.element = $(element);
+ this.element = $PR(element);
// make this work on IE on elements without 'layout'
if(/MSIE/.test(navigator.userAgent) && (!this.element.hasLayout))
this.element.setStyle({zoom: 1});
Effect.Move = Class.create();
Object.extend(Object.extend(Effect.Move.prototype, Effect.Base.prototype), {
initialize: function(element) {
- this.element = $(element);
+ this.element = $PR(element);
var options = Object.extend({
x: 0,
y: 0,
Effect.Scale = Class.create();
Object.extend(Object.extend(Effect.Scale.prototype, Effect.Base.prototype), {
initialize: function(element, percent) {
- this.element = $(element)
+ this.element = $PR(element)
var options = Object.extend({
scaleX: true,
scaleY: true,
Effect.Highlight = Class.create();
Object.extend(Object.extend(Effect.Highlight.prototype, Effect.Base.prototype), {
initialize: function(element) {
- this.element = $(element);
+ this.element = $PR(element);
var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || {});
this.start(options);
},
Effect.ScrollTo = Class.create();
Object.extend(Object.extend(Effect.ScrollTo.prototype, Effect.Base.prototype), {
initialize: function(element) {
- this.element = $(element);
+ this.element = $PR(element);
this.start(arguments[1] || {});
},
setup: function() {
/* ------------- combination effects ------------- */
Effect.Fade = function(element) {
- element = $(element);
+ element = $PR(element);
var oldOpacity = element.getInlineOpacity();
var options = Object.extend({
from: element.getOpacity() || 1.0,
}
Effect.Appear = function(element) {
- element = $(element);
+ element = $PR(element);
var options = Object.extend({
from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
to: 1.0,
}
Effect.Puff = function(element) {
- element = $(element);
+ element = $PR(element);
var oldStyle = { opacity: element.getInlineOpacity(), position: element.getStyle('position') };
return new Effect.Parallel(
[ new Effect.Scale(element, 200,
}
Effect.BlindUp = function(element) {
- element = $(element);
+ element = $PR(element);
element.makeClipping();
return new Effect.Scale(element, 0,
Object.extend({ scaleContent: false,
}
Effect.BlindDown = function(element) {
- element = $(element);
+ element = $PR(element);
var elementDimensions = element.getDimensions();
return new Effect.Scale(element, 100,
Object.extend({ scaleContent: false,
}
Effect.SwitchOff = function(element) {
- element = $(element);
+ element = $PR(element);
var oldOpacity = element.getInlineOpacity();
return new Effect.Appear(element, {
duration: 0.4,
}
Effect.DropOut = function(element) {
- element = $(element);
+ element = $PR(element);
var oldStyle = {
top: element.getStyle('top'),
left: element.getStyle('left'),
}
Effect.Shake = function(element) {
- element = $(element);
+ element = $PR(element);
var oldStyle = {
top: element.getStyle('top'),
left: element.getStyle('left') };
}
Effect.SlideDown = function(element) {
- element = $(element);
+ element = $PR(element);
element.cleanWhitespace();
// SlideDown need to have the content of the element wrapped in a container element with fixed height!
- var oldInnerBottom = $(element.firstChild).getStyle('bottom');
+ var oldInnerBottom = $PR(element.firstChild).getStyle('bottom');
var elementDimensions = element.getDimensions();
return new Effect.Scale(element, 100, Object.extend({
scaleContent: false,
}
Effect.SlideUp = function(element) {
- element = $(element);
+ element = $PR(element);
element.cleanWhitespace();
- var oldInnerBottom = $(element.firstChild).getStyle('bottom');
+ var oldInnerBottom = $PR(element.firstChild).getStyle('bottom');
return new Effect.Scale(element, window.opera ? 0 : 1,
Object.extend({ scaleContent: false,
scaleX: false,
}
Effect.Grow = function(element) {
- element = $(element);
+ element = $PR(element);
var options = Object.extend({
direction: 'center',
moveTransition: Effect.Transitions.sinoidal,
}
Effect.Shrink = function(element) {
- element = $(element);
+ element = $PR(element);
var options = Object.extend({
direction: 'center',
moveTransition: Effect.Transitions.sinoidal,
}
Effect.Pulsate = function(element) {
- element = $(element);
+ element = $PR(element);
var options = arguments[1] || {};
var oldOpacity = element.getInlineOpacity();
var transition = options.transition || Effect.Transitions.sinoidal;
}
Effect.Fold = function(element) {
- element = $(element);
+ element = $PR(element);
var oldStyle = {
top: element.style.top,
left: element.style.left,
s = effect.gsub(/_/, '-').camelize();
effect_class = s.charAt(0).toUpperCase() + s.substring(1);
new Effect[effect_class](element, options);
- return $(element);
+ return $PR(element);
};
-Element.addMethods();
\ No newline at end of file
+Element.addMethods();