SOS ,code java pour animer mon train

MarryMM Messages postés 2 Statut Membre -  
jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   -
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??

2 réponses

  1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    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
    1. MarryMM Messages postés 2 Statut Membre
       
      si tu peut me donner un exemple pour que je comprenne mieux
      0
  2. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    <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