alacampagne.html 2.49 KB
Newer Older
Philippe Dpt35's avatar
Philippe Dpt35 committed
1 2 3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
   <head>
4
      <title>A la campagne </title>
Philippe Dpt35's avatar
Philippe Dpt35 committed
5
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6
      <link rel="stylesheet" type="text/css" media="screen" href="alacampagne.css" />
Philippe Dpt35's avatar
Philippe Dpt35 committed
7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

</head>
<body>
<p>Les animaux peuvent être ajoutés dans les différents enclos en les faisant glisser depuis les images en haut à gauche, ou bien en les déplaçant d'un enclos à l'autre.
On les supprime en les faisant glisser dans le trou du milieu.</p>
  <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" alt="animal3" class="animal3" draggable="true" ondragstart="drag(event)">
      <img src="poule.png" id="animal4" alt="animal4" class="animal4" draggable="true" ondragstart="drag(event)">
  </div>
  <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">Nouvel exercice</button>
  <button id="verifier" type="button">Vérifier</button>
  
  <div id="ligne1">
     <div id="pre1">
	     <div id="enclos1" alt="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
		     <div id="modele1"></div>
27
			 <div id="erreur1"></div>
Philippe Dpt35's avatar
Philippe Dpt35 committed
28 29 30 31 32
		 </div>
	 </div>
     <div id="pre2">
	     <div id="enclos2" alt="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
	         <div id="modele2"></div>
33 34
			 <div id="erreur2"></div>
			 </div>
Philippe Dpt35's avatar
Philippe Dpt35 committed
35 36 37 38 39 40 41 42 43 44 45
	 </div>
   </div>
   
   <div id="espacement">
        <img src="trou4.png" id="poubelle" ondrop="detruit(event)" ondragover="allowDrop(event)"></div>
   </div>
   
  <div id="ligne2">
      <div id="pre3">
	      <div id="enclos3" alt="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
		     <div id="modele3"></div>
46 47
			 <div id="erreur3"></div>
			 </div>
Philippe Dpt35's avatar
Philippe Dpt35 committed
48 49 50 51
	  </div>
      <div id="pre4">
	      <div id="enclos4" alt="enclos" ondrop="drop(event)" ondragover="allowDrop(event)">
		     <div id="modele4"></div>		  
52 53
			 <div id="erreur4"></div>
			 </div>
Philippe Dpt35's avatar
Philippe Dpt35 committed
54 55 56 57 58
	  </div>
  </div>	 

<div id="informations"></div>

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