[JqueryUi- easing] Implémentation de easing

**Squalthor** · 25/09/2011, 12h39

Bonjour à vous !

J'ai eu la joie il y a peu de découvrir Jquery et ses incroyables possibilités.
J'apprends doucement mais surement à le dompter, ce qui entre nous n'est pas difficile et c'est pourquoi cette librairie est autant prisée d'ailleur.

Mais actuellement il y a une chose qui me pose problème: les effets d'easing

Je ne sais pas pourquoi mais ça ne fonctionne pas, j'ai beau travailler en me basant sur divers exemples pêchés sur la toile mais rien n'y fait...

J'avais integré easing directement mais voyant que ça ne fonctionnais pas je viens d'intégrer JqueryUI à la place mais toujours pas de résultats...

Il n'y a qu'à moi que ça fait ça ?
Vous serait-il possible de m'aider afin que je puisse y voir plus clair ?

Je vous remercie pour votre attention, en espérant que vous puissiez m'aider.

**SpaceFrog** · 25/09/2011, 12h43

J'avais integré easing directement mais voyant que ça ne fonctionnais pas je viens d'intégrer JqueryUI à la place mais toujours pas de résultats...

Va encore falloir tuer une paire de chatons pour lire ton code dans leurs entrailles ?
Ou alors je lance une annonce pour recruter un devin ?

**Squalthor** · 25/09/2011, 12h54

Avant toute chose: Bonjour,

Va encore falloir tuer une paire de chatons pour lire ton code dans leurs entrailles ?
Ou alors je lance une annonce pour recruter un devin ?

Il y a des manières plus agressives de le dire certes mais un simple "A l'avenir n'oublies pas de mettre le code s'il te plait" aurait suffit... (au réveil ça passe mieux aussi).

Je ferais aussi attention à l'avenir.
p.s: Ma femme est au chomage; elle demande si le poste de devin est toujours libre.

Concernant le code actuellement en place:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
$('#bloc').stop().animate(
            {height: '150px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        });

La fonction est activée au chargement, bloc à une hauteur de 0px, l'animation l'agrandi de 150 px puis est censée utiliser l'animation, il s'agrandi bien mais ne joue pas l'animation.

Merci

**SpaceFrog** · 25/09/2011, 14h59

Oulà !
Essaye l'autre pied pour le réveil demain ...

Pour ce qui est du poste de devin, il est toujours libre, mais cela reste du bénévolat, à priori le chômage est plus rentable de nos jours ...

Pour en revenir aux choses sérieuses, le code que tu nous montres est correct; l'erreur est ailleurs...
soit dans el html soit dans l'appel des librairies;
pour preuve, ce code fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type='text/javascript'>
$(function(){
  $('#bloc').stop().animate(
            {height: '150px'},
            {queue: false,
            duration: 600,
            easing: 'easeOutBounce'
        });
})
        </script>
<title>Nouvelle page 1</title>
</head>
<body>
<div id="bloc" style="background-color:red"></div>
</body>
</html>

**Squalthor** · 25/09/2011, 15h49

Merci pour ton aide.

J'ai testé ton code tel quel, il fonctionne, donc de ce côté là je sais maintenant que tout est ok.

Les fichiers sont bien appelés et visibles, mais je passe par une classe php pour combiner tous les fichiers js en un, serait-il possible que ça vienne de là ?

Je vais continuer de plancher sur cette voie.
Merci de m'avoir aiguillé.

Edition après tests:
Alors j'ai tenté d'inclure les fichiers javascript avec les balises dans le header du code html mais sans plus de succès et je n'ai aucune erreur javascript,

Je tente d'utiliser easing dans un moteur php fait maison, ça a sûrement un rapport...

**SpaceFrog** · 25/09/2011, 17h31

Vu d'ici, difficile de t'en dire plus.
Peux tu nous montrer le html/js généré ?

[JqueryUi- easing] Implémentation de easing

jQuery

Vue hybride

Discussions similaires

Partager

Partager