Mario qui bouge, marche ou pas ?

Résolu
spouiz_lol Messages postés 40 Statut Membre -  
spouiz_lol Messages postés 40 Statut Membre -
Bonjour !
J'ouvre ce topic pour un problème, j'ai fais une page internet (ici, vous reconnaîtrez peut-être celle de codeacademy) avec un Mario en image qui doit bouger selon les touche du clavier pressées (flèches directionnelles) mais rien ne se passe.
Voici les codes, pour le fichier index.html :
<!DOCTYPE html>
<html>
<head>
<title>Super Mario!</title>
<link rel='stylesheet' type='text/css' href='stylesheet.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/mario.jpg"/>
</body>
</html>

Pour le fichier css :
img {
position: relative;
left: 0;
top: 0;
}

Et pour le
Javascript
:
function() {
$(document).keydown(function(key) {
switch(parseInt(key.which,10)) {
case 37:
$('img').animate({left: "-=10px"}, 'fast');
break;
case 38:
$('img').animate({top: "-=10px"}, 'fast');
break;
case 39:
$('img').animate({left: "+=10px"}, 'fast');
break;
case 40:
$('img').animate({top: "+=10px"}, 'fast');
break;
}
});
});

Merci pour votre aide !

7 réponses

KX Messages postés 19031 Statut Modérateur 3 020
 
Bonjour,

À vue de nez je dirais qu'il te manque une dépendance sur jQuery...
2
spouiz_lol Messages postés 40 Statut Membre
 
Avec le débuggeur sur Chrome, j'obtiens ça :
"Uncaught SyntaxError: Unexpected token ("
0
Utilisateur anonyme
 
Bonjour

As-tu bien tenu compte de la remarque de KX ?

De plus, la syntaxe de ton javascript est incorrecte. D'où la sors-tu ?
À mon avis, il devrait commencer par
$(document).ready( function() {
au lieu de simplement
function() {
.
0
prosthetiks Messages postés 1309 Statut Membre 431
 
en JS tu peux faire une closure du genre
(function(){

})(window)
0
spouiz_lol Messages postés 40 Statut Membre
 
Arf comment je peux régler cela ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
spouiz_lol Messages postés 40 Statut Membre
 
Ah oui et pour
^$(document).ready( function() {

j'ai aussi réglé cela mais toujours rien.
0
Utilisateur anonyme
 
Pourquoi ^ avant $(document) ?
D'autre part, je répète : As-tu bien tenu compte de la remarque de KX ?
Tu n'as pas répondu.
Si tu en as tenu compte, qu'as-tu fait de cette remarque ?
0
spouiz_lol Messages postés 40 Statut Membre
 
Pardon c'était une erreur, évidemment je n'ai pas mis le "^" avant le $(document).
Oui j'en ai tenus compte, je n'avais pas mis sur mon document .html la balise qui me permet d'utiliser du Jquery.
C'est ma faute mais tout est arrangé, merci beaucoup à vous !
0