fondu couleur sur text

Version imprimable

Bonjour,

j'utilise donc mootools histoire de démarrer pour faire une petit fondu sur du texte en utilisant mon code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 window.addEvent('domready', function() { var anotherEl = $('a'); var morph = new Fx.Morph(anotherEl); (function(){ morph.start({ color: '#C6D880' }); morph.start({ color: '#FF0000' }); }).periodical(500); });
dans ce script, mon 'periodical' ne fonctionne pas :s le fondu se fait qu'une seule fois, de plus je ne parviens pas à récupérer le lien contenu dans le div 'pub'.
Ici le id='a' correspond a l'id que j'ai mis directement sur le lien car ceci ne renvoyait rien :

Code:

var anotherEl = $E('a', 'pub');

Avez-vous une idée pour résoudre ce problème? Une amélioration?

Cordialement,

05/07/2008, 10h32
SpaceFrog
??
a tout hasard :
Code:

1 2 morph.periodical(500);

ah non :(

idem pour ca :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
window.addEvent('domready', function() {	
	var anotherEl = $('a');
	var morph = new Fx.Morph(anotherEl);	
	var doit = function(){	
		morph.start({
			color: '#C6D880'
		});
		morph.start({
			color: '#FF0000'
		});
	};
	doit.periodical(500);
});

Réponse tardive

Periodical fonctionne bien. Il suffit de mettre une alert dans la fonction pour s'en rendre compte.
Par contre c'est le double start qui ne va pas. Le start à l'air d'être non bloquant et vu qu'ils jouent tous les deux sur le même attributs, le premier étouffe le second.
Vous pouvez précisez de chainer les effets:
Code:

1 2 3 4 5 6 7 8 9 var anotherEl = $("pub").getElement("a"); var morph = new Fx.Morph(anotherEl, {link: 'chain'}); (function(){ morph.start({color: '#C6D880'}); morph.start({color: '#FF0000'}); }).periodical(2000);
J'ai également récupéré l'élément "a" de la "div".