Commentaires sur : Enchainer plusieurs animations avec jQuery http://www.mcherifi.org/tutoriaux/enchainer-plusieurs-animations-avec-jquery.html Another Web Developper Blog! Tue, 31 Aug 2010 23:30:53 +0000 http://wordpress.org/?v=2.9.2 hourly 1 Par : rhavet http://www.mcherifi.org/tutoriaux/enchainer-plusieurs-animations-avec-jquery.html/comment-page-1#comment-95 rhavet Mon, 02 Nov 2009 16:53:39 +0000 http://www.mcherifi.org/?p=176#comment-95 Salut, C'est ce que l'on appelle la "chainabilité" sous jQuery puisque chaque methode jQuery retourne un objet jQuery... Très utile pour les optimisations de code. On peut donc enchainer toutes les methodes souhaitées sur un sélecteur jQuery ;) Exemple : $(monObejtDom).addClass('').removeClass() ...etc. ;) Salut,

C’est ce que l’on appelle la « chainabilité » sous jQuery puisque chaque methode jQuery retourne un objet jQuery…
Très utile pour les optimisations de code.

On peut donc enchainer toutes les methodes souhaitées sur un sélecteur jQuery ;)

Exemple : $(monObejtDom).addClass( »).removeClass() …etc.

;)

]]> Par : Mohammed CHERIFI http://www.mcherifi.org/tutoriaux/enchainer-plusieurs-animations-avec-jquery.html/comment-page-1#comment-67 Mohammed CHERIFI Mon, 28 Sep 2009 09:03:12 +0000 http://www.mcherifi.org/?p=176#comment-67 Oui en fait pour Fx.Morph il faut agir sur la durée en modifiant l'option duration de l'objet MyEffect, la solution donc est d'utiliser la méthode setOptions après chain(): myEffect.start({'height':100,width:200}).chain(function(){ myEffect.setOptions({duration:500}); myEffect.start({'height':300,'width': 100}); }); voilà Oui en fait pour Fx.Morph il faut agir sur la durée en modifiant l’option duration de l’objet MyEffect, la solution donc est d’utiliser la méthode setOptions après chain():

myEffect.start({‘height’:100,width:200}).chain(function(){
myEffect.setOptions({duration:500});
myEffect.start({‘height’:300,’width’: 100});
});

voilà

]]> Par : UpDeL http://www.mcherifi.org/tutoriaux/enchainer-plusieurs-animations-avec-jquery.html/comment-page-1#comment-66 UpDeL Sun, 27 Sep 2009 18:21:53 +0000 http://www.mcherifi.org/?p=176#comment-66 Mon problème consiste a varié la "duration" d'une animation, CHAIN() ne supporte pas cette option. Le délai d'attente est autre chose ! Mon problème consiste a varié la « duration » d’une animation, CHAIN() ne supporte pas cette option.
Le délai d’attente est autre chose !

]]> Par : Mohammed CHERIFI http://www.mcherifi.org/tutoriaux/enchainer-plusieurs-animations-avec-jquery.html/comment-page-1#comment-65 Mohammed CHERIFI Sun, 27 Sep 2009 16:32:09 +0000 http://www.mcherifi.org/?p=176#comment-65 @UpDel, il est possible d'enchainer des animations avec mootools grace à la methode chain()! (cf http://demos111.mootools.net/Chain ) Voici un exemple : <script type="text/javascript"> window.addEvent('domready',function(){ var myEffect = new Fx.Morph('testdiv', {duration: 5000, transition: Fx.Transitions.Sine.easeOut}); myEffect.start({ 'height': 100, 'width': 300, 'background-color': '#f00', 'border-color':'#111', 'border-width' : '4px' }).chain(function(){ myEffect.start({ 'height': 300, 'width': 500, 'background-color': '#0f0', 'border-color':'#f00', 'border-width' : '2px' }); }); }); </script> <div id="testdiv" style="border:1px solid red;width:900px;height:10px;background:fff;background:#999"></div> la différence principale c'est que dans mootools on manipule directement l'élément DOM en question, et pour enchainer on est obligé de passer par chain() d'où la syntaxe deviens plus ennuyante au contraire de jQuery on manipule un objet jQuery ainsi on peu enchainer directement @UpDel, il est possible d’enchainer des animations avec mootools grace à la methode chain()!

(cf http://demos111.mootools.net/Chain )

Voici un exemple :
<script type= »text/javascript »>
window.addEvent(‘domready’,function(){

var myEffect = new Fx.Morph(‘testdiv’, {duration: 5000, transition: Fx.Transitions.Sine.easeOut});

myEffect.start({
‘height’: 100,
‘width’: 300,
‘background-color’: ‘#f00′,
‘border-color’:'#111′,
‘border-width’ : ‘4px’
}).chain(function(){
myEffect.start({
‘height’: 300,
‘width’: 500,
‘background-color’: ‘#0f0′,
‘border-color’:'#f00′,
‘border-width’ : ‘2px’
});
});
});
</script>

<div id= »testdiv » style= »border:1px solid red;width:900px;height:10px;background:fff;background:#999″></div>

la différence principale c’est que dans mootools on manipule directement l’élément DOM en question, et pour enchainer on est obligé de passer par chain() d’où la syntaxe deviens plus ennuyante au contraire de jQuery on manipule un objet jQuery ainsi on peu enchainer directement

]]> Par : UpDeL http://www.mcherifi.org/tutoriaux/enchainer-plusieurs-animations-avec-jquery.html/comment-page-1#comment-61 UpDeL Sat, 26 Sep 2009 03:04:29 +0000 http://www.mcherifi.org/?p=176#comment-61 :/ je viens de découvrir un nouveau handicape dans mootools, avec Jquery c'est si simple d'enchainer une animation en variant la duration aussi. Avec mootools il faudra redéclarer la class Morph à chaque nouvel enchainement. Jquery est très bien pensé :/ je viens de découvrir un nouveau handicape dans mootools, avec Jquery c’est si simple d’enchainer une animation en variant la duration aussi.

Avec mootools il faudra redéclarer la class Morph à chaque nouvel enchainement.

Jquery est très bien pensé

]]> Par : pynsso http://www.mcherifi.org/tutoriaux/enchainer-plusieurs-animations-avec-jquery.html/comment-page-1#comment-58 pynsso Thu, 24 Sep 2009 00:27:33 +0000 http://www.mcherifi.org/?p=176#comment-58 très bon article, et moi qui croyais que jQuery est complexe :D très bon article, et moi qui croyais que jQuery est complexe :D

]]>