Comments on: Efectos con Mootools: Fx.Base y Fx.Style

By: Federico

Federico — Mon, 18 Aug 2008 05:17:02 +0000

La version es 1.1

Saludos

By: byde

byde — Sat, 16 Aug 2008 17:34:02 +0000

Siempre es bueno establecer al inicio del post que version de mootools es

By: Xavier Araque

Xavier Araque — Fri, 07 Mar 2008 01:16:16 +0000

Como puedo incluir imágenes dentro de las funciones de estilo de mootools?

element.addEvent(‘mouseenter’, function(){
fx.start({ ‘margin-left’: 0, ‘background-color’: ‘#666′, <== aqui color: ‘#ff8′
});

Gracias.

By: Federico

Federico — Sun, 05 Aug 2007 03:04:59 +0000

Me alegro

By: Arcadio

Arcadio — Fri, 03 Aug 2007 20:50:56 +0000

muchas gracias.. me ah ayudado mucho tu ejemplo

By: Federico

Federico — Fri, 03 Aug 2007 17:00:44 +0000

Hola Arcadio, antes que nada, gracias por tus comentarios

Sobre tu ejemplo, lo subi aqui

No encontre algo que estuviera muy mal, solo le agregue el evento onload aunque no creo que ese fuera tu problema. Tambien explique de manera resumida que hace cada cosa.

Verifica armar bien “el paquete”(archivo js de mootools), puedes ayudarte con packito o bajar el que utilice yo, hay un link en el ejemplo. Por otro lado, si lo que vas a cambiar es solo el color de fondo, quiza te convendria utilizar Fx.Style en lugar de Fx.Styles.

Pronto colocare mas ejemplos!

Espero que te sirva,

Saludos.

By: Arcadio

Arcadio — Fri, 03 Aug 2007 15:18:59 +0000

Federico te felicito por la manera tan simple y directa en la que explicas para que sirven cada una de estas funciones.
Aunque triste porke nohe podido encontrar el efecto que queria hacer para un proyecto que estoy haciendo. es algo sencillisimo pero al no saber mucho de mootools no tengo ni idea de como realizarlo.
el efecto es sencillo, solamente tengo 2 divs con la misma clase. que cuando le pases el mouse por encima haga un fade in con el color de fondo que desee, lo he logrado hacer pero me manda errores de javascript y la verdad hasta alla no llegan mis conocimientos.
el codigo es este.
var list = $$(‘#idList .preview’);
list.each(function(element) {

var fx = new Fx.Styles(element, {duration:200, wait:false});

element.addEvent(‘mouseenter’, function(){
fx.start({
‘margin-left’: 0,
‘background-color’: ‘#EFF8FC’
});
});

element.addEvent(‘mouseleave’, function(){
fx.start({
‘margin-left’: 0,
‘background-color’: ‘#FFF’
});
});

});
con detalle no c que hacen algunas de las cosas que se llaman alli. espero que me des alguna manito, consejo o hacerme ver cual es el error que tiene

By: Federico

Federico — Sun, 15 Jul 2007 18:15:53 +0000

ey! gracias. Estoy leyendo de a poco la documentación, explicando con mis palabras y añadiendo ejemplos. Creo que es una manera de fijar conocimientos y si ademas le sirve a alguien mas, me alegro muchísimo.

By: Alex

Alex — Sun, 15 Jul 2007 18:07:35 +0000

Estupenda documentación que estás recabando sobre MooTools! Te felicito, y te lo agradezco.