[resolu] [ajax/mootools] problème Fx.Tween ?

Marsh Posté le 14-01-2009 à 10:48:54

[:bricokilt]

J'ai écrit un bout de code tout simple qui devrait permettre un changement de couleur progressif d'un lien lors du passage de la souris dessus. Mais il ne se passe rien et quand je regarde la console d'erreur, j'ai le message:

Citation :

property.camelCase is not a function
http://127.0.0.1/ajax/mootools-1.2.1-core-nc.js 2144

voila mon bout de code, qui me semble pourtant tout bête [:petrus75]

Code :

<html>
    <head>
        <script type="text/javascript" src="mootools-1.2.1-core-nc.js"></script>
        <script type="text/javascript">
            window.addEvent('domready', function() {
                var list = $$('a');
                list.each(function(element) {
                    var fx = new Fx.Tween(element, {duration:500, wait:false});
                    element.addEvents({
                        'mouseenter': function(){
                            fx.start({'color': '#999'});
                        },
                        'mouseout': function(){
                            fx.start({'color': '#000'});
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
        <a href="http://google.fr">Google</a>
    </body>
</html>

Si je retire le code fx.start(...) et que je remplace par un alert(element), le message d'erreur disparait et la fenêtre alert() m'affiche bien l'url correspondant.

Si quelqu'un a une idée ... [:robert de niro]

Message édité par wedgeant le 14-01-2009 à 11:49:19

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

Reply

Marsh Posté le 14-01-2009 à 10:48:54

Reply

Marsh Posté le 14-01-2009 à 11:02:48

ben normalement il faut les quotes, mais je viens d'essayer sans et c'est tout pareil

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

Reply

Marsh Posté le 14-01-2009 à 11:03:06

je ne connais pas mootools et j'ai pas trop le temps de regarder ton truc, mais un tips de manière générale quand tu fais du JS : installe firebug (extension firefox), et au lieu de faire des alert(machin), fais des console.log(machin), ça te permet de logger des objets et de voir toutes leurs valeurs, propriétés etc.

---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux

Reply

Marsh Posté le 14-01-2009 à 11:26:34

Salut,
as-tu essayé ca:

Code :

fx.start('color': '#999');

La doc dit que si tu ne précise pas quelle propriété tu vas changer (ici, color) dans le constructeur, alors tu dois obligatoirement passer cette propriété comme premier argument de l'appel à start().

Reply

Marsh Posté le 14-01-2009 à 11:38:48

Bon, c'était presque ça, il ne fallait pas passer un dict à fx.start(), mais directement la propriété [:prozac]
donc remplacer

Code :

fx.start({'color': '#xxx'});

par

Code :

fx.start('color', '#xxx');

avec une "," pour séparateur et pas ":"

Message cité 1 fois

---------------
Wedge#2487 @HS -#- PW: +∞ -#- Khaz-Modan/Boltiz @WoW

Reply

Marsh Posté le 14-01-2009 à 17:59:07

wedgeant a écrit :

Bon, c'était presque ça, il ne fallait pas passer un dict à fx.start(), mais directement la propriété [:prozac]
donc remplacer

Code :

fx.start({'color': '#xxx'});

par

Code :

fx.start('color', '#xxx');

avec une "," pour séparateur et pas ":"

euh, genre, exactement ce qui est écrit dans la doc? [:petrus dei]

Message édité par skeye le 14-01-2009 à 17:59:24

---------------
Can't buy what I want because it's free -

Reply

Marsh Posté le 14-01-2009 à 23:12:36

C'est Wedge :spamafote: (c)

---------------
En théorie, la théorie et la pratique sont identiques, en pratique, non.

Reply

[resolu] [ajax/mootools] problème Fx.Tween ?

Sujets relatifs:

Leave a Replay