Fonction-cancel-image

.vscode/settings.json

+{
+      "editor.mouseWheelZoom": true
+}
\ No newline at end of file

index.php

@@ -50,6 +50,7 @@
                     <input id="btnSubmit" type="submit" name="submit" value="Vérifier" class="btn-form">       
                 </div>
             </form>
+            <button id ="cancel" type="button">Annuler</button>
             <script>
 
                 const inpFile = document.getElementById("fileUpload");

script.js

@@ -8,7 +8,8 @@ const URL_END = 'byebye.html';
 
 const timeout = 5000;
 
-const ID = "img-ID";
+const ID = "img-ID"; var Img;
+const ID_bg = "img-ID2"; var ImgBG
 const canva = "canvas";
 // console.log($("#"+ID).attr('src'));
 
@@ -20,6 +21,9 @@ const idBtnSubmit = 'btnSubmit';var btnSubmit;
 
 const idStatut = "span-status";
 
+//Variables concernant le bouton "Annuler"
+const idCancel = "cancel"; var btnCancel;
+
 var errorFormat = true;
 var errorRemoveBackGround = true;
 
@@ -27,6 +31,8 @@ var unSeulVisage = false;
 var format_correct = false;
 
 
+
+
 // SCRIPT ====================================================================================
 
 $(document).ready(function(){
@@ -34,11 +40,16 @@ $(document).ready(function(){
   // console.log(inputFileUpload.val());
   console.log(getParameter(window.location.href));
   btnCustomFileUpload = $("#"+idCustomFileUpload);
+  Img  = $("#"+ID);
+  ImgBG = $("#"+ID_bg);
   btnSubmit = $("#"+idBtnSubmit);
+  btnCancel = $("#"+idCancel);
   Console = $("#"+idConsole);
+
+
     //empêcher de valider si la photo n'est pas valide
     inputFileUpload.change(function(){unSeulVisage=false;format_correct=false});
-    //requête pour les vérifications de sécurité
+    //Requête pour les vérifications de sécurité & de format
     $("#form").on("submit",function (event) {
         event.preventDefault();
         var formData = new FormData(this);
@@ -94,15 +105,15 @@ $(document).ready(function(){
     });
     
 
-    //Etape du choix de l'addresse mail.
-      studentId = getParameter(window.location.href);
-      $.ajax({
+    //Récupération des données concernant l'étudiant & proposition des différentes addresses mail.
+    studentId = getParameter(window.location.href);
+    $.ajax({
         url: URL_WEB_API,
         method: 'POST',
         data: 'studentId='+studentId,
         dataType: "json"
-      })
-      .done(function(response){
+    })
+    .done(function(response){
         // let data = JSON.stringify(response);
         // $("div#res").append(data);
         let data = response;
@@ -139,6 +150,15 @@ $(document).ready(function(){
           $("body").append(`<h3>Votre adresse électronique sera ${mail}, vous recevrez votre mot de passe dans les 24 heures.</h3>`);
         }
     })
+
+    //Lorsque l'utilisateur souhaite changer d'image
+    btnCancel.on('click', function(){
+      unSeulVisage = false;
+      format_correct = false;
+      ImgBG.attr('src',"");
+      Img.attr('src',"");
+      $("#li-oneface").css('color','black');
+    });