Mario qui bouge, marche ou pas ?

Résolu
spouiz_lol Messages postés 33 Date d'inscription   Statut Membre Dernière intervention   -  
spouiz_lol Messages postés 33 Date d'inscription   Statut Membre Dernière intervention   -
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 16761 Date d'inscription   Statut Modérateur Dernière intervention   3 020
 
Bonjour,

À vue de nez je dirais qu'il te manque une dépendance sur jQuery...
2
spouiz_lol Messages postés 33 Date d'inscription   Statut Membre Dernière intervention  
 
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 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
en JS tu peux faire une closure du genre
(function(){

})(window)
0
spouiz_lol Messages postés 33 Date d'inscription   Statut Membre Dernière intervention  
 
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 33 Date d'inscription   Statut Membre Dernière intervention  
 
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 33 Date d'inscription   Statut Membre Dernière intervention  
 
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