index.html
1.59 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Page principale</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous">
</script>
</head>
<body>
<!-- Page principale avec un bouton qui envoi sur la page de recherche des appareils -->
<div class="jumbotron text-center">
<h3> Appuyez pour rechercher les appareils utilisables </h3>
<form method="post" action="decouvre.php">
<input type="button" value="Lancer la recherche" id="bouton" class="btn btn-success" title="Recherche des appareils" onclick="Loading(); this.form.submit();"/>
</form>
<br/>
<div class="spinner-border text-primary" id="load" role="status" style="display:none"></div>
<div id="text-load" style="display:none">Veuillez patienter pendant la recherche d'appareil...<br/>Cette operation peut prendre quelques secondes</div>
</div>
</div>
<script type="text/javascript">
/* Affichage du chargement */
function Loading(){
var spin = document.getElementById("load");
spin.style= "";
var bouton = document.getElementById("bouton");
bouton.value = "Recherche en cours...";
var txt = document.getElementById("text-load");
txt.style= "";
}
</script>
</body>
</html>