1 | <HTML><Body><Script Language="JavaScript" Type="Text/JavaScript">
|
2 | var Buttons = document.getElementsByName("START");
|
3 |
|
4 | var Active = "";
|
5 |
|
6 | function CheckButton(Num) {
|
7 | if (Active != "" && Active != Num) {
|
8 | Buttons[Active].style.backgroundColor = "#FFFFFF";
|
9 | }
|
10 | Buttons[Num].style.backgroundColor = "#F08080";
|
11 | Active = Num;
|
12 | }
|
13 |
|
14 | function ChangeColor (Num, Color){
|
15 | if (Active != Num) {
|
16 | switch (Color) {
|
17 | case '0':
|
18 | Buttons[Num].style.backgroundColor = "#DCDCDC";
|
19 | break;
|
20 | case '1':
|
21 | Buttons[Num].style.backgroundColor = "#FFFFFF";
|
22 | break;
|
23 | }
|
24 | }
|
25 | }
|
26 |
|
27 | <html><body><hl><b>STEUERUNG </hl>
|
28 | <hr />
|
29 |
|
30 | <html>
|
31 | <head>
|
32 | <meta name="viewport" content="width=device-width" />
|
33 | <title>Projekt: Gelbe Tonne</title>
|
34 | </head>
|
35 | <body>
|
36 | <br>
|
37 | <b>Betrieb:
|
38 | <form method="get" action="gpio.php">
|
39 | <input type="submit" value="Start" name="START" style="BackGround-Color: #FFFFFF; Width: 70px" onMouseOver="ChangeColor('0','0')" onMouseOut="ChangeColor('0','1')" onClick="CheckButton('0')">
|
40 | <input type="submit" value="Stopp" name="STOPP" style="BackGround-Color: #FFFFFF; Width: 70px" onMouseOver="ChangeColor('1','0')" onMouseOut="ChangeColor('1','1')" onClick="CheckButton('1')">
|
41 | <br>
|
42 | <br>
|
43 | <b>Geschwindigkeit:
|
44 | <br>
|
45 | <form method="get" action="gpio.php">
|
46 | <input type="submit" value="Langsam" name="LANGSAM" style="BackGround-Color: #FFFFFF; Width: 70px" onMouseOver="ChangeColor('2','0')" onMouseOut="ChangeColor('2','1')" onClick="CheckButton('2')">
|
47 | <input type="submit" value="Schnell" name="SCHNELL" style="BackGround-Color: #FFFFFF; Width: 70px" onMouseOver="ChangeColor('3','0')" onMouseOut="ChangeColor('3','1')" onClick="CheckButton('3')">
|
48 | <br>
|
49 | <br>
|
50 | <b>Richtung:
|
51 | <br>
|
52 | <form method="get" action="gpio.php">
|
53 | <input type="submit" value="Rechts" name="RECHTS" style="BackGround-Color: #FFFFFF; Width: 70px" onMouseOver="ChangeColor('4','0')" onMouseOut="ChangeColor('4','1')" onClick="CheckButton('4')">
|
54 | <input type="submit" value="Links" name="LINKS" style="BackGround-Color: #FFFFFF; Width: 70px" onMouseOver="ChangeColor('5','0')" onMouseOut="ChangeColor('5','1')" onClick="CheckButton('5')">
|
55 |
|
56 |
|
57 |
|
58 | </form>
|
59 |
|
60 | <?php
|
61 | $modeon16 = trim(@shell_exec("/usr/local/bin/gpio -g mode 16 out"));
|
62 | if(isset($_GET['START'])){
|
63 | $val = trim(@shell_exec("/usr/local/bin/gpio -g write 16 1"));
|
64 | }
|
65 |
|
66 | else if(isset($_GET['STOPP'])){
|
67 | $val = trim(@shell_exec("/usr/local/bin/gpio -g write 16 0"));
|
68 | }
|
69 |
|
70 | ?>
|
71 | </body>
|
72 | </html>
|
73 |
|
74 | </form>
|
75 |
|
76 | <?php
|
77 | $modeon12 = trim(@shell_exec("/usr/local/bin/gpio -g mode 12 out"));
|
78 | if(isset($_GET['LANGSAM'])){
|
79 | $val = trim(@shell_exec("/usr/local/bin/gpio -g write 12 1"));
|
80 | }
|
81 |
|
82 | else if(isset($_GET['SCHNELL'])){
|
83 | $val = trim(@shell_exec("/usr/local/bin/gpio -g write 12 0"));
|
84 | }
|
85 | ?>
|
86 |
|
87 | </body>
|
88 | </html>
|
89 |
|
90 | </form>
|
91 |
|
92 | <?php
|
93 | $modeon20 = trim(@shell_exec("/usr/local/bin/gpio -g mode 20 out"));
|
94 | if(isset($_GET['RECHTS'])){
|
95 | $val = trim(@shell_exec("/usr/local/bin/gpio -g write 20 1"));
|
96 | }
|
97 |
|
98 | else if(isset($_GET['LANGSAM'])){
|
99 | $val = trim(@shell_exec("/usr/local/bin/gpio -g write 20 0"));
|
100 | }
|
101 | ?>
|
102 | </body>
|
103 | </html>
|