Animation avec Javascript

**L'aigle de Carthage** · 04/07/2014, 00h18

Bonsoir,

J'essaie d'implémenter le code du tuto suivant: http://jsfiddle.net/x9ja7/, j'ai crée un fichier html:

Code html :

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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
 
</head>
<body onload="rotateme();">
 
<img src="arrow.png" id="image">
 
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript" src="jQueryRotate.js"></script>
<script type="text/javascript" src="work.js"></script>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
</body>
</html>

Un fichier work.js:

Code :

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

1
2
3
4
5
6
7
8
9
10
var rotateme = function(){
var value = 0
$("#image").rotate({ 
   bind: { 
        click: function(){
            value +=170;
            $(this).rotate({ animateTo:value})
        }
     } 
});}

un fichier style.css:

Code css :

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

1
2
3
#image{
  margin:100px 100px;
}

Le problème c'est que lorsque j'exécute mon code sur le navigateur, rien ne se passe et quand je consulte la console, je reçois ce message:

ReferenceError: jQuery is not defined jquery.easing.min.js:11
ReferenceError: jQuery is not defined jQueryRotate.js:339
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. rotate
TypeError: $(...).rotate is not a function work.js:8

C'est quoi le problème à votre avis?

Merci d'avance

**Bovino** · 04/07/2014, 09h51

Tu intègres jQuery après tous les scripts qui en ont besoin... c'est pas exactement logique.

D'ailleurs, la simple lecture des messages d'erreur aurait dû te mettre la puce à l'oreille.

**L'aigle de Carthage** · 04/07/2014, 10h30

Tu intègres jQuery après tous les scripts qui en ont besoin... c'est pas exactement logique

J'ai changé l'ordre d'appel et toujours le même résultat.

**Bovino** · 04/07/2014, 10h35

toujours le même résultat.

Ah... tu as toujours les messages

ReferenceError: jQuery is not defined jquery.easing.min.js:11
ReferenceError: jQuery is not defined jQueryRotate.js:339
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. rotate
TypeError: $(...).rotate is not a function work.js:8

?

**L'aigle de Carthage** · 04/07/2014, 13h00

Voici le message:

ReferenceError: jQuery is not defined jquery.easing.min.js:46
The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. index.html
TypeError: $(...).rotate is not a function work.js:8

**Bovino** · 04/07/2014, 14h20

Tu n'as toujours pas mit jQuery au bon endroit alors...

Il faut inclure jQuery avant tous les scripts qui en ont besoin. Ca semble normal non ?

**L'aigle de Carthage** · 04/07/2014, 15h02

Même résultat en changeant l'ordre d'appel des fichiers javascript:

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. index.html

TypeError: $(...).rotate is not a function work.js:9

**Bovino** · 04/07/2014, 15h11

Ton code est peut-être pas correct, mais ma boule de cristal s'est cassée...
Et au passage, t'aurais pas envie de déclarer un encodage dans ta page par hasard ? Histoire de ne plus avoir le message d'avertissement et d'obtenir un document conforme ?

Animation avec Javascript

jQuery

Discussions similaires

Partager

Partager