Bonjour.

J'ai une page HTML dans laquelle j'ai un formulaire. A la soumission du formulaire, je souhaite afficher un écran de chargement.
L'écran de chargement est une <DIV> qui n'est pas affichée (display : none; ). Je souhaite juste changer la valeur display de cette dernière par le JS.

J'ai créé le code ci-dessous, mais cela ne fonctionne pas.
Le display de ma <DIV> n'est pas modifié par le JS. Ou le JS n'est pas appelé à la soumission du formulaire. Comme je suis assez novice dans le domaine du web je ne vois pas d'où vient le soucis.

Pourriez-vous m'aider?

le fichier HTML :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!doctype html>
<html>
	<head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>Vérification de fichiers CSV</title>
            <script src="JS/Functions.js"></script> //Déclaration du JS ici
	    <link href="CSS/css.css" rel="stylesheet" />
        </head>
	<body>
		<div class="fileForm">
			<form name="chooseFile" method="post" action="index.php" enctype="multipart/form-data" onsubmit="toggleLoadScreenON();"> //J'appel le JS ici
     			   <label>Fichier CSV à vérifier : </label><input type="file" name="csvfile" id="csvfile" required/><br />
     			   <input type="submit" name="submit" value="Envoyer"/>     		
     		        </form>
		</div>
		<div class="fileContent csvContent"> ... </div>
		<div class="fileContent logResult"><?php ... ?></div>
		<div class="loadScreen"></div> // C'est cet élément que je souhaite afficher
	</body>
</html>

Le fichier JS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
// Permet d'afficher l'écran de chargement
function toggleLoadScreenON (){
	var loadScreen = document.getElementById("loadScreen");
 
	loadScreen.style.display = "block";	
}
Je précise que les commentaires en HTML sont uniquement dans ce poste à titre indicatif.

Merci d'avance pour votre aide!!