65 lines
1.2 KiB
HTML
65 lines
1.2 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>fadeIn demo</title>
|
||
|
|
<style>
|
||
|
|
p {
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
div {
|
||
|
|
margin:auto;
|
||
|
|
font-size: 36px;
|
||
|
|
text-align: center;
|
||
|
|
color: yellow;
|
||
|
|
background: red;
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<span><div style='text-align:left;display:inline-block;min-width:340px;'>
|
||
|
|
<div style='text-align:center;'>
|
||
|
|
<h1>Passerelle LoRa</h1>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h2>[Température actuelle]</h2>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>
|
||
|
|
Nombre d'échantillons envoyés = %, Echec d'envoi : %
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div id='l1' name='l1'></div>
|
||
|
|
<!--<table style='width:100%'>
|
||
|
|
<tr>
|
||
|
|
<button onclick='la('?o=1');'>Informations</button>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<button onclick='alea()'>rafraichir</button>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<button onclick='la('?o=1');'>Redémarrer</button>
|
||
|
|
</tr>
|
||
|
|
</table>-->
|
||
|
|
</div></span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
$(document).ready(function() {
|
||
|
|
$( "div" ).fadeIn( 3000, function() {
|
||
|
|
$( "span" ).fadeIn( 100 );
|
||
|
|
});
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|