html-Code für virtuelles website-Button-Pad

[Moppi]

Die 100 website-keys müssen zeilenweise als Array durchgezählt sein von 0...99, nicht Reihe/Spalte.

Sind sie.

ich komme aber mit dem Reinkopieren des neuen Schnipsels nicht klar.
Kannst du bitte den vollständigen, kompletten Code posten?

KeyPadSource1.zip



Auf neue Daten prüfen
if (isChange) ...


Kopieren sobald neue Daten verfügbar
for (int i=0; i<100; i++} { bufferArray[i]=(float)matrix[i]; }






MfG


PS:
Benutze lieber ZIPs, weil der Thread so leserlicher bleibt.
Ich habe im Thread nochmal etwas gelesen, ob noch irgendwas in den Code eingebaut werden soll, was ich übersehen habe.
Für das nodeMCU hatte ich ein kleines Projekt geplant. Aus diesem Grund kam ich überhaupt auf das Tastenfeld per HTML.
Du musst schauen, ob es so praktikabel ist, wenn nicht, dann nicht. Alle meine Projekte beginnen so, dass ich mit unbekannten
Dingen beginne oder mit denen, die am schwierigsten sein könnten; um frühzeitig ein Scheitern zu erkennen und dann abzubrechen.
Wenn Du das lieber anders lösen möchtest, als mit einer HTML-Seite, habe ich damit also keinerlei Problem. Alles i.O.

[HaWe]

zip Anhänge bringebn nichts, besser man kann es dirket lesen, um sich darüber zu verständigen.

float bufferArray[100];

uint32_t timestamp=0, sec=0;


void loop(void) {  
  server.handleClient();
  // Kopieren sobald neue Daten verfügbar:
  if (isChange) {
    Serial.println("new data:");
    for (int i = 0; i < 100; i++) {
       bufferArray[i] = (float)matrix[i];
       Serial.println((String)i + ": " + bufferArray[i]);
    }
    isChange=0;
  }
  if(millis()-timestamp >= 1000) {
    sec++;
    timestamp=millis();
    Serial.println(sec);
  }
}

OK in Change:OK umbenannt.

wie kann man jetzt (edit: ) 5 weitere Buttons hinzufügen, in dieser Reihenfolge
Clear

Learn
Detect

(Change:OK)

Reset
Save

wenn einer gedrückt wurde, soll er ebenfalls seinen Status senden, wie Change:OK:

isClear
isLearn
isDetect
(isChange)
isReset
isSave

das will ich dann versuchen für eine Statemachine zu nutzen.

- - - Aktualisiert - - -

edit, 5 weitere Buttons

[Moppi]

Du hattest das mit den Radio-Buttons schon mal angeführt. Das wäre eine Möglichkeit.

Das Feld könnte man so gestalten, nur am Ende einen Senden-Button, um die Daten der Form zu übertragen:

[ ] Learn
[ ] Detect
[ ] Reset
[*] Change
[ ] Save

( Senden )


Leider ist mir die Bedeutung von der Bezeichnung "Change:Ok" nicht klar, also was das genau ausdrücken soll.




MfG

[HaWe]

Change:OK ist nur der neue Name des Buttons für (bisher) OK
s5 = "<input type="submit" value="Change: OK" style="width:14.9em;height:2em"></form>";

Clear

Detect <-> Learn

(Change:OK)

Reset
Save

"Change: OK" ist nur ein Arbeits-Name, könnte man auch "submit" oder "Change: submit" nennen.

Radio Buttons gehen nur für Learn/Detect
die anderen müssten eigene Buttons sein, die man wahlweise drücken kann.

späterer Zweck:
Clear soll einfach nur alle Keypad Felder der Website auf 0 zurücksetzen (so als hätte man die einzelnen X nochmal angeklickt) , ohne dass es neu gelernt oder erkannt wird (löschen aller bisherigen X)
Reset soll später alle bisherigen Lernschritte komplett löschen (mit Sicherheitsabfrage)
Save soll das bisher gelernte auf SD speichern (mit Sicherheitsabfrage)
(Load automatisch bei Programm-Neustart von SD)

- - - Aktualisiert - - -

PS, edit:
Radiobuttons für Detect/Learn könnten bei Umschalten z.B. entweder isLearn=1 oder isDetect=1 zurückliefern
(default wird sein: isLearn=0 und isDetect=1)
Learn schaltet in Lern-Mode
Detect in den Erkennungs-Mode
(evt. kann man das auch anders lösen, wie Radiobuttons funktionieren und was sie zurückgeben weiß ich ja auch noch gar nicht)

[Moppi]

Das nodeMCU mit seinen Bibliotheken hat mir einige Schwierigkeiten bereitet.
Die Radio-Buttons wollten nicht funktionieren; obwohl das HTML im Browser schon funktionierte,
nur nicht, nachdem das mit dem nodeMCU verschickt wurde. Hat mich den ganzen Vormittag gekostet

Also bin ich doch auf Buttons umgestiegen, Quelltext hier:
KeyPadSource3.zip


Neu hinzugekommen sind:

bool isLearn
bool isDetect
bool isReset
bool isSave


In der Browserzeile kann man noch sehen, welche Parameter an das nodeMCU verschickt wurden.
Habe das so gelassen, weil man dann bei der Entwicklung etwas zum Kontrollieren hat.
Kann später geändert werden.


MfG