SOS ,code java pour animer mon train

Fermé
MarryMM Messages postés 2 Date d'inscription lundi 22 décembre 2014 Statut Membre Dernière intervention 23 décembre 2014 - 22 déc. 2014 à 20:51
jordane45 Messages postés 38301 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 novembre 2024 - 23 déc. 2014 à 18:06
On m'a demandé de dessiner un train avec du code HTML et CSS
j'ai dessiné le train et il me reste le code javascript pour changer sa position(Ajouter le code JavaScript qui permet de changer la position du train en l'avançant à
droite de 200 pixels suite au clique sur l'une de ces roues.)
Pouvez vous m'aider??
A voir également:

2 réponses

jordane45 Messages postés 38301 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 novembre 2024 4 704
22 déc. 2014 à 21:31
Bonjour

il ye suffit d'utiliser l'événement ONCLIC sur tes roues
et de modifier l'attribut LEFT de tes différents éléments html..

si tu bloques ... montres ton code
0
MarryMM Messages postés 2 Date d'inscription lundi 22 décembre 2014 Statut Membre Dernière intervention 23 décembre 2014
23 déc. 2014 à 17:46
si tu peut me donner un exemple pour que je comprenne mieux
0
jordane45 Messages postés 38301 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 novembre 2024 4 704
Modifié par jordane45 le 23/12/2014 à 18:07
<html>
 <head>
  <title>TEST</title>  
 </head>
 <body>
 <style>
 .blok{
  width:120px;
  height:90px;
  border:1px solid black;
  background-color: #ccffcc;
 }
 

 </style>
 <div class="blok"  id="id_du_blok" onclick="avancer();" style="position :absolute;left:30px;"></div>

 
 <script type="text/javascript">
 function avancer(){
 var elm = document.getElementById('id_du_blok');
 var  positionActuelle = (elm.style.left);
 var newPosition = parseInt(positionActuelle) + 20+ "px";
 elm.style.left = newPosition ;
 }
 </script>
</body>
</html>


Avant de poser une question, merci de lire la charte du site.
Cordialement, Jordane
0