Mario qui bouge, marche ou pas ?

Résolu/Fermé
spouiz_lol Messages postés 33 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 10 juillet 2015 - 8 oct. 2014 à 21:11
spouiz_lol Messages postés 33 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 10 juillet 2015 - 10 oct. 2014 à 19:57
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 16752 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 31 août 2024 3 019
8 oct. 2014 à 21:20
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 dimanche 21 septembre 2014 Statut Membre Dernière intervention 10 juillet 2015
9 oct. 2014 à 07:29
Avec le débuggeur sur Chrome, j'obtiens ça :
"Uncaught SyntaxError: Unexpected token ("
0
Utilisateur anonyme
9 oct. 2014 à 10:33
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 dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
9 oct. 2014 à 11:07
en JS tu peux faire une closure du genre
(function(){

})(window)
0
spouiz_lol Messages postés 33 Date d'inscription dimanche 21 septembre 2014 Statut Membre Dernière intervention 10 juillet 2015
9 oct. 2014 à 18:47
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 dimanche 21 septembre 2014 Statut Membre Dernière intervention 10 juillet 2015
9 oct. 2014 à 18:50
Ah oui et pour
^$(document).ready( function() {

j'ai aussi réglé cela mais toujours rien.
0
Utilisateur anonyme
9 oct. 2014 à 21:14
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 dimanche 21 septembre 2014 Statut Membre Dernière intervention 10 juillet 2015
10 oct. 2014 à 19:57
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