alacampagne.html 2.63 KB
Newer Older
1 2 3 4 5
<!doctype html>
<html lang="fr">
  <head>
    <title>A la campagne </title>
    <meta charset="UTF-8" />
6 7
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="height=device-height"> 
8
    <link rel="stylesheet" type="text/css" media="screen" href="alacampagne.css" />
Philippe Dpt35's avatar
Philippe Dpt35 committed
9 10 11

</head>
<body>
12 13
<p>Les animaux peuvent être ajoutés dans les différents enclos en les faisant glisser depuis les images au centre, ou bien en les déplaçant d'un enclos à l'autre.
On les supprime en les faisant glisser dans le trou du bas.</p>
14

15 16 17 18 19 20 21
  <div id="commandes">
    <button id="Niveau1" type="button" value="Niveau1" autocomplete="off">Nombres de 1 à 10</button>
    <button id="Niveau2" type="button" value="Niveau2" autocomplete="off">Nombres de 10 à 20</button>
    <button id="newExo" type="button" disabled>Commencer</button>
    <button id="verifier" type="button" disabled>Vérifier</button>
  </div>
  
22 23 24 25 26 27 28 29 30 31 32 33
  <div id="ligne1" class="ligne">
    <div id="pre1" class="pre">
      <div id="modele1" class="modele"></div>
    <div id="erreur1" class="erreur"></div>
    <div id="enclos1" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
    </div>
    <div id="pre2" class="pre">
      <div id="modele2" class="modele"></div>
    <div id="erreur2" class="erreur"></div>
    <div id="enclos2" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
  </div>
  </div>
34

35 36 37 38 39
  <div id="reserve">
    <img src="lapin.png" id="animal1" class="animal1" alt="animal1" draggable="true" ondragstart="drag(event)">
    <img src="mouton.png" id="animal2" class="animal2" alt="animal2" draggable="true" ondragstart="drag(event)">
    <img src="vache.png" id="animal3" class="animal3" alt="animal3" draggable="true" ondragstart="drag(event)">
    <img src="poule.png" id="animal4" class="animal4" alt="animal4" draggable="true" ondragstart="drag(event)">
40
  </div>
41

42 43 44 45 46 47 48 49 50 51 52 53
  <div id="ligne2" class="ligne">
    <div id="pre3" class="pre">
      <div id="modele3" class="modele"></div>
      <div id="erreur3" class="erreur"></div>
    <div id="enclos3" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"> </div>
    </div>
    <div id="pre4" class="pre">
      <div id="modele4" class="modele"></div>
    <div id="erreur4" class="erreur"></div>
    <div id="enclos4" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"> </div>
  </div>
  </div>
54 55 56 57
  
  <div id="espacement">
    <img src="trou4.png" id="poubelle" ondrop="detruit(event)" ondragover="allowDrop(event)"></div>
  </div>
Philippe Dpt35's avatar
Philippe Dpt35 committed
58

59
  <script src="alacampagne.js" type="text/javascript"></script>
Philippe Dpt35's avatar
Philippe Dpt35 committed
60 61
</body>
</html>