Ich emuliere hier mit einem ESP-32 eine zerbrochene IR-Fernbedienung.
Die Ausgabe erfolgt über eine LED, die Eingabe über eine Seite, die im
heimischen WLAN angeboten wird.
Der Haken ist nun, dass Safari auf den Iphones die Seite winzig klein
darstellt, so dass man erstmal reinzoomen muss, um irgendetwas erkennen
oder anklicken zu können. Dabei ist es schnuppe, dass rechts vom Inhalt
jede Menge gähnende Leere herrscht. Kann man das Problem mit ein wenig
html bewältigen ?
1 | <!DOCTYPE html>
|
2 | <html lang="de-DE">
|
3 | <head>
|
4 | <meta charset="utf-8">
|
5 | <title>Fischprojektor</title>
|
6 | </head>
|
7 | <body>
|
8 | <form action="/" method="post">
|
9 | <fieldset style="display: inline-block;">
|
10 | <legend>Auf einmal</legend>
|
11 | <label><input type="checkbox" name="r" value="1" checked>rot</label><br>
|
12 | <label><input type="checkbox" name="g" value="1" checked>grün</label><br>
|
13 | <label><input type="checkbox" name="b" value="1" checked>blau</label><br>
|
14 | <label><input type="checkbox" name="w" value="1">weiß</label><br>
|
15 | <label><input type="checkbox" name="d" value="1" checked>drehen</label><br>
|
16 | <label><input type="checkbox" name="m" value="1">Musik</label>
|
17 | <p><label>Laufzeit :<br><input type="time" name="z" value="01:40" step="300" min="00:05" max="16:35"></label></p>
|
18 | <button name="a" value="0">Senden</button>
|
19 | </fieldset>
|
20 | </form>
|
21 | <form action="/" method="post">
|
22 | <fieldset style="display: inline-block;">
|
23 | <legend>Einzeln</legend>
|
24 | <button name="a" value="1">An/Aus</button>
|
25 | <button name="a" value="2">Farbe</button>
|
26 | <p><button name="a" value="3">Drehen</button>
|
27 | <button name="a" value="4">Zeit+</button></p>
|
28 | <button name="a" value="5">Nachtlicht</button>
|
29 | <button name="a" value="6">Musik</button>
|
30 | </fieldset>
|
31 | </form>
|
32 | </body>
|
33 | </html>
|
Announcement: there is an English version of this forum on 
Thread beobachten
Seitenaufteilung abschalten