summaryrefslogtreecommitdiffstats
path: root/user_guide/nav/moo.fx.pack.js
diff options
context:
space:
mode:
Diffstat (limited to 'user_guide/nav/moo.fx.pack.js')
-rwxr-xr-xuser_guide/nav/moo.fx.pack.js480
1 files changed, 240 insertions, 240 deletions
diff --git a/user_guide/nav/moo.fx.pack.js b/user_guide/nav/moo.fx.pack.js
index b5c360c30..574f27cff 100755
--- a/user_guide/nav/moo.fx.pack.js
+++ b/user_guide/nav/moo.fx.pack.js
@@ -1,241 +1,241 @@
-/*
-moo.fx pack, effects extensions for moo.fx.
-by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE
-for more info visit (http://moofx.mad4milk.net).
-Wednesday, November 16, 2005
-v1.0.4
-*/
-
-//text size modify, now works with pixels too.
-fx.Text = Class.create();
-fx.Text.prototype = Object.extend(new fx.Base(), {
- initialize: function(el, options) {
- this.el = $(el);
- this.setOptions(options);
- if (!this.options.unit) this.options.unit = "em";
- },
-
- increase: function() {
- this.el.style.fontSize = this.now + this.options.unit;
- }
-});
-
-//composition effect, calls Width and Height alltogheter
-fx.Resize = Class.create();
-fx.Resize.prototype = {
- initialize: function(el, options) {
- this.h = new fx.Height(el, options);
- if (options) options.onComplete = null;
- this.w = new fx.Width(el, options);
- this.el = $(el);
- },
-
- toggle: function(){
- this.h.toggle();
- this.w.toggle();
- },
-
- modify: function(hto, wto) {
- this.h.custom(this.el.offsetHeight, this.el.offsetHeight + hto);
- this.w.custom(this.el.offsetWidth, this.el.offsetWidth + wto);
- },
-
- custom: function(hto, wto) {
- this.h.custom(this.el.offsetHeight, hto);
- this.w.custom(this.el.offsetWidth, wto);
- },
-
- hide: function(){
- this.h.hide();
- this.w.hide();
- }
-}
-
-//composition effect, calls Opacity and (Width and/or Height) alltogheter
-fx.FadeSize = Class.create();
-fx.FadeSize.prototype = {
- initialize: function(el, options) {
- this.el = $(el);
- this.el.o = new fx.Opacity(el, options);
- if (options) options.onComplete = null;
- this.el.h = new fx.Height(el, options);
- this.el.w = new fx.Width(el, options);
- },
-
- toggle: function() {
- this.el.o.toggle();
- for (var i = 0; i < arguments.length; i++) {
- if (arguments[i] == 'height') this.el.h.toggle();
- if (arguments[i] == 'width') this.el.w.toggle();
- }
- },
-
- hide: function(){
- this.el.o.hide();
- for (var i = 0; i < arguments.length; i++) {
- if (arguments[i] == 'height') this.el.h.hide();
- if (arguments[i] == 'width') this.el.w.hide();
- }
- }
-}
-
-//intended to work with arrays.
-var Multi = new Object();
-Multi = function(){};
-Multi.prototype = {
- initialize: function(elements, options){
- this.options = options;
- this.el = this.getElementsFromArray(elements);
- for (i=0;i<this.el.length;i++){
- this.effect(this.el[i]);
- }
- },
-
- getElementsFromArray: function(array) {
- var elements = new Array();
- for (i=0;i<array.length;i++) {
- elements.push($(array[i]));
- }
- return elements;
- }
-}
-
-//Fadesize with arrays
-fx.MultiFadeSize = Class.create();
-fx.MultiFadeSize.prototype = Object.extend(new Multi(), {
- effect: function(el){
- el.fs = new fx.FadeSize(el, this.options);
- },
-
- showThisHideOpen: function(el, delay, mode){
- for (i=0;i<this.el.length;i++){
- if (this.el[i].offsetHeight > 0 && this.el[i] != el && this.el[i].h.timer == null && el.h.timer == null){
- this.el[i].fs.toggle(mode);
- setTimeout(function(){el.fs.toggle(mode);}.bind(el), delay);
- }
-
- }
- },
-
- hide: function(el, mode){
- el.fs.hide(mode);
- }
-});
-
-var Remember = new Object();
-Remember = function(){};
-Remember.prototype = {
- initialize: function(el, options){
- this.el = $(el);
- this.days = 365;
- this.options = options;
- this.effect();
- var cookie = this.readCookie();
- if (cookie) {
- this.fx.now = cookie;
- this.fx.increase();
- }
- },
-
- //cookie functions based on code by Peter-Paul Koch
- setCookie: function(value) {
- var date = new Date();
- date.setTime(date.getTime()+(this.days*24*60*60*1000));
- var expires = "; expires="+date.toGMTString();
- document.cookie = this.el+this.el.id+this.prefix+"="+value+expires+"; path=/";
- },
-
- readCookie: function() {
- var nameEQ = this.el+this.el.id+this.prefix + "=";
- var ca = document.cookie.split(';');
- for(var i=0;i < ca.length;i++) {
- var c = ca[i];
- while (c.charAt(0)==' ') c = c.substring(1,c.length);
- if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
- }
- return false;
- },
-
- custom: function(from, to){
- if (this.fx.now != to) {
- this.setCookie(to);
- this.fx.custom(from, to);
- }
- }
-}
-
-fx.RememberHeight = Class.create();
-fx.RememberHeight.prototype = Object.extend(new Remember(), {
- effect: function(){
- this.fx = new fx.Height(this.el, this.options);
- this.prefix = 'height';
- },
-
- toggle: function(){
- if (this.el.offsetHeight == 0) this.setCookie(this.el.scrollHeight);
- else this.setCookie(0);
- this.fx.toggle();
- },
-
- resize: function(to){
- this.setCookie(this.el.offsetHeight+to);
- this.fx.custom(this.el.offsetHeight,this.el.offsetHeight+to);
- },
-
- hide: function(){
- if (!this.readCookie()) {
- this.fx.hide();
- }
- }
-});
-
-fx.RememberText = Class.create();
-fx.RememberText.prototype = Object.extend(new Remember(), {
- effect: function(){
- this.fx = new fx.Text(this.el, this.options);
- this.prefix = 'text';
- }
-});
-
-
-//use to attach effects without using js code, just classnames and rel attributes.
-ParseClassNames = Class.create();
-ParseClassNames.prototype = {
- initialize: function(options){
- var babies = document.getElementsByTagName('*') || document.all;
- for (var i = 0; i < babies.length; i++) {
- var el = babies[i];
- //attach the effect, from the classNames;
- var effects = this.getEffects(el);
- for (var j = 0; j < effects.length; j++) {
- if (j == 1 && options) options.onComplete = null;
- el[effects[j]+"fx"] = new fx[effects[j]](el, options);
- }
- //execute methods, from rel
- if (el.rel) {
- el.crel = el.rel.split(' ');
- if (el.crel[0].indexOf("fx_") > -1) {
- var event = el.crel[0].replace('fx_', '');
- var tocompute = this.getEffects($(el.crel[1]));
- el["on"+event] = function(){
- for (var f = 0; f < tocompute.length; f++) {
- $(this.crel[1])[tocompute[f]+"fx"][this.crel[2] || "toggle"](this.crel[3] || null, this.crel[4] || null);
- }
- }
- }
- }
- }
- },
-
- getEffects: function(el){
- var effects = new Array();
- var css = el.className.split(' ');
- for (var i = 0; i < css.length; i++) {
- if (css[i].indexOf('fx_') > -1) {
- var effect = css[i].replace('fx_', '');
- effects.push(effect);
- }
- }
- return effects;
- }
+/*
+moo.fx pack, effects extensions for moo.fx.
+by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE
+for more info visit (http://moofx.mad4milk.net).
+Wednesday, November 16, 2005
+v1.0.4
+*/
+
+//text size modify, now works with pixels too.
+fx.Text = Class.create();
+fx.Text.prototype = Object.extend(new fx.Base(), {
+ initialize: function(el, options) {
+ this.el = $(el);
+ this.setOptions(options);
+ if (!this.options.unit) this.options.unit = "em";
+ },
+
+ increase: function() {
+ this.el.style.fontSize = this.now + this.options.unit;
+ }
+});
+
+//composition effect, calls Width and Height alltogheter
+fx.Resize = Class.create();
+fx.Resize.prototype = {
+ initialize: function(el, options) {
+ this.h = new fx.Height(el, options);
+ if (options) options.onComplete = null;
+ this.w = new fx.Width(el, options);
+ this.el = $(el);
+ },
+
+ toggle: function(){
+ this.h.toggle();
+ this.w.toggle();
+ },
+
+ modify: function(hto, wto) {
+ this.h.custom(this.el.offsetHeight, this.el.offsetHeight + hto);
+ this.w.custom(this.el.offsetWidth, this.el.offsetWidth + wto);
+ },
+
+ custom: function(hto, wto) {
+ this.h.custom(this.el.offsetHeight, hto);
+ this.w.custom(this.el.offsetWidth, wto);
+ },
+
+ hide: function(){
+ this.h.hide();
+ this.w.hide();
+ }
+}
+
+//composition effect, calls Opacity and (Width and/or Height) alltogheter
+fx.FadeSize = Class.create();
+fx.FadeSize.prototype = {
+ initialize: function(el, options) {
+ this.el = $(el);
+ this.el.o = new fx.Opacity(el, options);
+ if (options) options.onComplete = null;
+ this.el.h = new fx.Height(el, options);
+ this.el.w = new fx.Width(el, options);
+ },
+
+ toggle: function() {
+ this.el.o.toggle();
+ for (var i = 0; i < arguments.length; i++) {
+ if (arguments[i] == 'height') this.el.h.toggle();
+ if (arguments[i] == 'width') this.el.w.toggle();
+ }
+ },
+
+ hide: function(){
+ this.el.o.hide();
+ for (var i = 0; i < arguments.length; i++) {
+ if (arguments[i] == 'height') this.el.h.hide();
+ if (arguments[i] == 'width') this.el.w.hide();
+ }
+ }
+}
+
+//intended to work with arrays.
+var Multi = new Object();
+Multi = function(){};
+Multi.prototype = {
+ initialize: function(elements, options){
+ this.options = options;
+ this.el = this.getElementsFromArray(elements);
+ for (i=0;i<this.el.length;i++){
+ this.effect(this.el[i]);
+ }
+ },
+
+ getElementsFromArray: function(array) {
+ var elements = new Array();
+ for (i=0;i<array.length;i++) {
+ elements.push($(array[i]));
+ }
+ return elements;
+ }
+}
+
+//Fadesize with arrays
+fx.MultiFadeSize = Class.create();
+fx.MultiFadeSize.prototype = Object.extend(new Multi(), {
+ effect: function(el){
+ el.fs = new fx.FadeSize(el, this.options);
+ },
+
+ showThisHideOpen: function(el, delay, mode){
+ for (i=0;i<this.el.length;i++){
+ if (this.el[i].offsetHeight > 0 && this.el[i] != el && this.el[i].h.timer == null && el.h.timer == null){
+ this.el[i].fs.toggle(mode);
+ setTimeout(function(){el.fs.toggle(mode);}.bind(el), delay);
+ }
+
+ }
+ },
+
+ hide: function(el, mode){
+ el.fs.hide(mode);
+ }
+});
+
+var Remember = new Object();
+Remember = function(){};
+Remember.prototype = {
+ initialize: function(el, options){
+ this.el = $(el);
+ this.days = 365;
+ this.options = options;
+ this.effect();
+ var cookie = this.readCookie();
+ if (cookie) {
+ this.fx.now = cookie;
+ this.fx.increase();
+ }
+ },
+
+ //cookie functions based on code by Peter-Paul Koch
+ setCookie: function(value) {
+ var date = new Date();
+ date.setTime(date.getTime()+(this.days*24*60*60*1000));
+ var expires = "; expires="+date.toGMTString();
+ document.cookie = this.el+this.el.id+this.prefix+"="+value+expires+"; path=/";
+ },
+
+ readCookie: function() {
+ var nameEQ = this.el+this.el.id+this.prefix + "=";
+ var ca = document.cookie.split(';');
+ for(var i=0;i < ca.length;i++) {
+ var c = ca[i];
+ while (c.charAt(0)==' ') c = c.substring(1,c.length);
+ if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+ }
+ return false;
+ },
+
+ custom: function(from, to){
+ if (this.fx.now != to) {
+ this.setCookie(to);
+ this.fx.custom(from, to);
+ }
+ }
+}
+
+fx.RememberHeight = Class.create();
+fx.RememberHeight.prototype = Object.extend(new Remember(), {
+ effect: function(){
+ this.fx = new fx.Height(this.el, this.options);
+ this.prefix = 'height';
+ },
+
+ toggle: function(){
+ if (this.el.offsetHeight == 0) this.setCookie(this.el.scrollHeight);
+ else this.setCookie(0);
+ this.fx.toggle();
+ },
+
+ resize: function(to){
+ this.setCookie(this.el.offsetHeight+to);
+ this.fx.custom(this.el.offsetHeight,this.el.offsetHeight+to);
+ },
+
+ hide: function(){
+ if (!this.readCookie()) {
+ this.fx.hide();
+ }
+ }
+});
+
+fx.RememberText = Class.create();
+fx.RememberText.prototype = Object.extend(new Remember(), {
+ effect: function(){
+ this.fx = new fx.Text(this.el, this.options);
+ this.prefix = 'text';
+ }
+});
+
+
+//use to attach effects without using js code, just classnames and rel attributes.
+ParseClassNames = Class.create();
+ParseClassNames.prototype = {
+ initialize: function(options){
+ var babies = document.getElementsByTagName('*') || document.all;
+ for (var i = 0; i < babies.length; i++) {
+ var el = babies[i];
+ //attach the effect, from the classNames;
+ var effects = this.getEffects(el);
+ for (var j = 0; j < effects.length; j++) {
+ if (j == 1 && options) options.onComplete = null;
+ el[effects[j]+"fx"] = new fx[effects[j]](el, options);
+ }
+ //execute methods, from rel
+ if (el.rel) {
+ el.crel = el.rel.split(' ');
+ if (el.crel[0].indexOf("fx_") > -1) {
+ var event = el.crel[0].replace('fx_', '');
+ var tocompute = this.getEffects($(el.crel[1]));
+ el["on"+event] = function(){
+ for (var f = 0; f < tocompute.length; f++) {
+ $(this.crel[1])[tocompute[f]+"fx"][this.crel[2] || "toggle"](this.crel[3] || null, this.crel[4] || null);
+ }
+ }
+ }
+ }
+ }
+ },
+
+ getEffects: function(el){
+ var effects = new Array();
+ var css = el.className.split(' ');
+ for (var i = 0; i < css.length; i++) {
+ if (css[i].indexOf('fx_') > -1) {
+ var effect = css[i].replace('fx_', '');
+ effects.push(effect);
+ }
+ }
+ return effects;
+ }
} \ No newline at end of file