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 -
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 :
Pour le fichier css :
Et pour le
Merci pour votre aide !
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
-
Bonjour,
À vue de nez je dirais qu'il te manque une dépendance sur jQuery... -
Avec le débuggeur sur Chrome, j'obtiens ça :
"Uncaught SyntaxError: Unexpected token (" -
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 simplementfunction() {. -
Arf comment je peux régler cela ?
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Ah oui et pour
^$(document).ready( function() {
j'ai aussi réglé cela mais toujours rien. -
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 ? -
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 !
