Viele Parameter auf einem ESP verarbeiten

OP #5494830
Lesenswert?
• ▲
▼
Hallo

Ich baue gerade ein Lauflicht mit 18 RGB LED, also 54 Kanäle.
Alles läuft über einen ESP8266 und funktioniert schon grundlegend,
also ich kann über eine Webseite auf dem Controller die einzelnen Farben 
schalten.

Ausgewählt wird jede LED über ein DropDownmenue mit den drei Farben.

Jetzt hätte ich gerne folgende Funktion:

Webseite aufrufen, die erste Zeile an DD Menues wird angezeigt und kann 
ausgewählt werden,
dann soll eine zweite Zeile hinzugefügt werden und eine dritte....

Wenn auf Absenden geklickt wird, sollten die einzelnen Zeilen 
nacheinander durchlaufen.

Habt Ihr Ideen für die Umsetzung?
OP #5494980
Lesenswert?
• ▲
▼
Ja, das habe ich mir auch schon gedacht und folgenden gefunden:
1
<script>
2
// Formularfelder dynamisch hinzufügen
3

4
var feld = 1;
5
var feldm = 1;
6

7
function feld_plus() {
8
 if (feld <= 10) {
9
  var inhalt = "Feld " + feld;
10
  document.getElementById('dynamic_input').innerHTML +=
11
  "<input type='text' name='n_" + feld + "' value='" + inhalt + "'><br>";
12
  feld++;
13
 }
14
}
15

16
function feld_minus() {
17
 if (feld > feldm) {
18
 feld--;
19
  document.getElementById('dynamic_input').innerHTML = "";
20
  for (var zaehler = feldm; zaehler < feld; zaehler++) {
21
    var inhalt = "Feld " + zaehler;
22
    document.getElementById('dynamic_input').innerHTML +=
23
     "<input type='text' name='n_" + zaehler + "' value='" +
24
      inhalt + "'><br>";
25
  }
26
 }
27
}
28
</script>
29

30
Felder hinzufügen <input type="button" value="-" onClick="feld_minus();">
31
<input type="button" value="+" onClick="feld_plus();"> <br><br>
32

33
<div id="dynamic_input"></div>

Hier getestet funktioniert es prinzipiell auch ganz gut: 
http://htmlcodeeditor.com/

Nur habe ich noch folgende Probleme:

Wenn ein neues Feld hinzugefügt wird, haben alle bisherigen Felder 
wieder ihren Startwert und die bereits eingetragenen Werte sind 
verloren.

Es wird nur ein Feld hinzugefügt.
Wobei, dass würde ich schon hinbekommen ;-)

Dann muss aber jeden Formular einzeln übertragen bzw ausgewertet werden.

Ist die Aufgabe zu groß für mich,
um sie an diesem Wochenende zu lösen?

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.