Continué l'interface web de genefunc

This commit is contained in:
Christian Zufferey
2019-05-17 18:07:35 +02:00
parent 9716bdd8ba
commit 3dd7268085
3 changed files with 223 additions and 14 deletions

View File

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset='utf-8' name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Générateur de fonction AD9833</title>
</head>
<body>
<h1>Générateur de fonction AD9833 190517.1704</h1>
<a href="/">Retour à la home page...</a><br><br><br>
Le code Lua pour cet interface se trouve dans le code HTML de cette page
et est exécuté sur le NodeMCU.<br>
Les données viennent du NodeMCU !<br><br>
<%
zout("Il reste: "..node.heap().." de RAM !<br><br>\n")
%>
<br><br>
<style>
#d0p, #d1p, #d2p, #d3p, #d4p, #d5p, #d5p, #d6p, #d7p
{font-size:20px; position:relative; height:40px; width:40px;}
#d0, #d1, #d2, #d3, #d4, #d5, #d5, #d6, #d7
{font-size:50px; position:relative; height:90px; width:90px;}
#d0m, #d1m, #d2m, #d3m, #d4m, #d5m, #d5m, #d6m, #d7m
{font-size:20px; position:relative; height:40px; width:40px;}
h1
{font-size:15px;}
</style>
<h1> Genefunc: </h1>
<a href='?a=p7'><button id='d7p'>+</button></a>
<a href='?a=p6'><button id='d6p'>+</button></a>
<a href='?a=p5'><button id='d5p'>+</button></a>
<a href='?a=p4'><button id='d4p'>+</button></a>
<a href='?a=p3'><button id='d3p'>+</button></a>
<a href='?a=p2'><button id='d2p'>+</button></a>
<a href='?a=p1'><button id='d1p'>+</button></a>
<a href='?a=p0'><button id='d0p'>+</button></a>
<br>
<div id='d7'>0</div><div id='d7'>0</div><span id='d7'>0</span>
<br>
<a href='?a=m7'><button id='d7m'>-</button></a>
<a href='?a=m6'><button id='d6m'>-</button></a>
<a href='?a=m5'><button id='d5m'>-</button></a>
<a href='?a=m4'><button id='d4m'>-</button></a>
<a href='?a=m3'><button id='d3m'>-</button></a>
<a href='?a=m2'><button id='d2m'>-</button></a>
<a href='?a=m1'><button id='d1m'>-</button></a>
<a href='?a=m0'><button id='d0m'>-</button></a>
<br>
<br><br>
<br>Yeah... cela fonctionne vachement bien !<br><br>
<%
zout("Il reste: "..node.heap().." de RAM !<br><br>\n")
%>
</body>
</html>

View File

@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset='utf-8' name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Générateur de fonction AD9833</title>
</head>
<body>
<h1>Générateur de fonction AD9833 190517.1704</h1>
<a href="/">Retour à la home page...</a><br><br><br>
Le code Lua pour cet interface se trouve dans le code HTML de cette page
et est exécuté sur le NodeMCU.<br>
Les données viennent du NodeMCU !<br><br>
<%
zout("Il reste: "..node.heap().." de RAM !<br><br>\n")
%>
<br><br>
<style>
#bf, #bb, #bl, #br, #bs, #bsl, #bsm, #bsf, #ba, #bml, #bt1, #bt2, #bt3, #bt4
{font-size:10px; position:relative; height:50px; width:50px;}
#bf, #bb
{left:50px;}
h1
{font-size:15px;}
</style>
<h1> Direction : </h1>
<a href='?pin=F'><button id='bf'>F</button></a><br>
<a href='?pin=L'><button id='bl'>L</button></a><a href='?pin=S'><button id='bs'>S</button></a><a href='?pin=R'><button id='br'>R</button></a></br>
<a href='?pin=B'><button id='bb'>B</button></a>
<h1> Vitesse : </h1>
<a href='?pin=SL'><button id='bsl'>Low</button></a><a href='?pin=SM'><button id='bsm'>Mid</button></a><a href='?pin=SF'><button id='bsf'>Fast</button></a>
<h1> Robot : </h1>
<a href='?pin=A'><button id='ba'>A</button></a><a href='?pin=ML'><button id='bml'>ML</button></a>
<h1> Tests : </h1>
<a href='?pin=T1'><button id='bt1'>Start</button></a><a href='?pin=T2'><button id='bt2'>Reboot</button></a>
<a href='?pin=T3'><button id='bt3'>T3</button></a><a href='?pin=T4'><button id='bt4'>T4</button></a>
<br><br>
<br>Yeah... cela fonctionne vachement bien !<br><br>
<%
zout("Il reste: "..node.heap().." de RAM !<br><br>\n")
%>
</body>
</html>

View File

@@ -7,7 +7,7 @@
</head>
<body>
<h1>Générateur de fonction AD9833 190505.1200</h1>
<h1>Générateur de fonction AD9833 190517.1704</h1>
<a href="/">Retour à la home page...</a><br><br><br>
Le code Lua pour cet interface se trouve dans le code HTML de cette page
@@ -20,26 +20,89 @@
<br><br>
<a href='?pin=F'><button id='bf'>F</button></a><br>
<a href='?pin=L'><button id='bl'>L</button></a><a href='?pin=S'><button id='bs'>S</button></a><a href='?pin=R'><button id='br'>R</button></a></br>
<a href='?pin=B'><button id='bb'>B</button></a>
<h1> Vitesse : </h1>
<a href='?pin=SL'><button id='bsl'>Low</button></a><a href='?pin=SM'><button id='bsm'>Mid</button></a><a href='?pin=SF'><button id='bsf'>Fast</button></a>
<h1> Robot : </h1>
<a href='?pin=A'><button id='ba'>A</button></a><a href='?pin=ML'><button id='bml'>ML</button></a>
<h1> Tests : </h1>
<a href='?pin=T1'><button id='bt1'>Start</button></a><a href='?pin=T2'><button id='bt2'>Reboot</button></a>
<a href='?pin=T3'><button id='bt3'>T3</button></a><a href='?pin=T4'><button id='bt4'>T4</button></a>
<style>
#bf, #bb, #bl, #br, #bs, #bsl, #bsm, #bsf, #ba, #bml, #bt1, #bt2, #bt3, #bt4{font-size:10px; position:relative; height:50px; width:50px;}
#bf, #bb {left:50px;}
h1 {font-size:15px;}
.exemple {
table-layout: fixed;
text-align: center;
vertical-align: middle;
font-size:30px;
width: 40px;
}
</style>
<table class="exemple">
<tr>
<td>+</td>
<td>+</td>
</tr>
<tr>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>-</td>
<td>-</td>
</tr>
</table>
<style>
#d0p, #d1p, #d2p, #d3p, #d4p, #d5p, #d5p, #d6p, #d7p
{font-size:20px; position:relative; height:40px; width:40px;}
#d0, #d1, #d2, #d3, #d4, #d5, #d5, #d6, #d7
{font-size:50px; position:relative; height:90px; width:90px;}
#d0m, #d1m, #d2m, #d3m, #d4m, #d5m, #d5m, #d6m, #d7m
{font-size:20px; position:relative; height:40px; width:40px;}
h1
{font-size:15px;}
</style>
<h1> Genefunc: </h1>
<a href='?a=p7'><button id='d7p'>+</button></a>
<a href='?a=p6'><button id='d6p'>+</button></a>
<a href='?a=p5'><button id='d5p'>+</button></a>
<a href='?a=p4'><button id='d4p'>+</button></a>
<a href='?a=p3'><button id='d3p'>+</button></a>
<a href='?a=p2'><button id='d2p'>+</button></a>
<a href='?a=p1'><button id='d1p'>+</button></a>
<a href='?a=p0'><button id='d0p'>+</button></a>
<br>
<div id='d7'>0</div><div id='d7'>0</div><span id='d7'>0</span>
<br>
<br><br>
<br>Yeah... cela fonctionne vachement bien !<br><br>