Commit 183addfe authored by Philippe Dpt35's avatar Philippe Dpt35

Modification de la présentation

parent a90e5c23
......@@ -4,23 +4,37 @@ body {
background-color: #e0cba1;
}
.ligne {
display: flex;
justify-content: space-between;
#commandes {
text-align: center;
}
#espacement {
display: column;
display: block;
height: 80px;
text-align: center;
}
#reserve {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 40%;
width: 195px;
margin-left: auto;
margin-right: auto;
}
img#poubelle {
margin-left: 46%;
/* text-align: center;
margin-left: auto;
margin-right: auto;
width: 90px;*/
}
.ligne {
display: flex;
justify-content: space-between;
}
.pre {
border: solid 1px blue;
background: green;
font-size: .9em;
font-family: "MS Sans Serif", sans;
height: 170px;
......@@ -29,9 +43,11 @@ img#poubelle {
}
.enclos {
border: solid 1px blue;
background: green;
display: flex;
flex-wrap: wrap;
height: 100%;
height: 80%;
width: 100%;
position: relative;
}
......@@ -56,11 +72,14 @@ img#poubelle {
.modele {
float: left;
width: 100px;
height: 35px;
height: 20%;
/*border: 1px solid black;*/
font-size: 3em;
}
.erreur {
position: relative;
color: red;
font-weight: bold;
font-size: 3em;
}
......@@ -7,19 +7,16 @@
</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" class="animal3" alt="animal3" draggable="true" ondragstart="drag(event)">
<img src="poule.png" id="animal4" class="animal4" alt="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" disabled>Vérifier</button>
<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>
<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>
<div id="ligne1" class="ligne">
<div id="pre1" class="pre">
<div id="modele1" class="modele"></div>
......@@ -33,8 +30,11 @@ On les supprime en les faisant glisser dans le trou du milieu.</p>
</div>
</div>
<div id="espacement">
<img src="trou4.png" id="poubelle" ondrop="detruit(event)" ondragover="allowDrop(event)"></div>
<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)">
</div>
<div id="ligne2" class="ligne">
......@@ -49,6 +49,10 @@ On les supprime en les faisant glisser dans le trou du milieu.</p>
<div id="enclos4" alt="enclos" class="enclos" ondrop="drop(event)" ondragover="allowDrop(event)"> </div>
</div>
</div>
<div id="espacement">
<img src="trou4.png" id="poubelle" ondrop="detruit(event)" ondragover="allowDrop(event)"></div>
</div>
<script src="alacampagne.js" type="text/javascript"></script>
</body>
......
......@@ -79,11 +79,13 @@ function desactiveBtNiveau() {
function defNiveau1() {
difficulte = btNiveau1.value;
desactiveBtNiveau();
document.getElementById("newExo").disabled = false;
}
function defNiveau2() {
difficulte = btNiveau2.value;
desactiveBtNiveau();
document.getElementById("newExo").disabled = false;
}
function tirageAnimaux() {
......@@ -109,14 +111,9 @@ function tirageAnimaux() {
}
function nouvelExercice() {
if (difficulte === "") {
alert("Vous devez d'abord choisir sur quels nombres doit porter l'exercice.");
}
else {
tirageAnimaux();
document.getElementById("newExo").disabled = true;
afficheExercice();
}
tirageAnimaux();
document.getElementById("newExo").disabled = true;
afficheExercice();
document.getElementById("verifier").disabled = false;
}
......@@ -143,7 +140,8 @@ function verification() {
document.getElementById(IdErreur).innerHTML = "";
}
else {
document.getElementById(IdErreur).innerHTML = '<img src="croix.png" width="96px" height="96px">';
/* document.getElementById(IdErreur).innerHTML = '<img src="croix.png" width="96px" height="96px">';*/
document.getElementById(IdErreur).innerHTML = "X";
erreur = true;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment