Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. Blockly
  5. Liste mit Eingabe

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    473

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.6k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.5k

Liste mit Eingabe

Geplant Angeheftet Gesperrt Verschoben Blockly
25 Beiträge 3 Kommentatoren 2.2k Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • andre1deA andre1de

    @codierknecht
    Ja, genau!
    Ich möchte durch input -Eingabe mit Button meine Tankkosten registrieren.
    Also, schreibe in vis in input-Fenster meinen aktuellen Betrag von Beleg an der Tankstelle, durch Button Betätigung soll in iobrocker DB neue DP mit Datum und den Betrag erzeugt werden.
    Gleichzeitig wird input-Fenster in vis wieder leer. Und auch da. in vis in evtl. Tabelle kommt Datum und Betrag.
    Die nächsten Eingaben müssen dann in der Tabelle automatisch erscheinen.

    CodierknechtC Offline
    CodierknechtC Offline
    Codierknecht
    Developer Most Active
    schrieb am zuletzt editiert von
    #15

    @andre1de
    Reicht es nicht, nur den Betrag zu erfassen und als Datum das aktuelle Tagesdatum der Erfassung zu verwenden?
    Das spart ein zusätzliches Eingabefeld und macht das Ganze etwas einfacher.

    "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

    Proxmox 9.1.1 LXC|8 GB|Core i7-6700
    HmIP|ZigBee|Tasmota|Unifi
    Zabbix Certified Specialist
    Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

    andre1deA 1 Antwort Letzte Antwort
    0
    • CodierknechtC Codierknecht

      @andre1de
      Reicht es nicht, nur den Betrag zu erfassen und als Datum das aktuelle Tagesdatum der Erfassung zu verwenden?
      Das spart ein zusätzliches Eingabefeld und macht das Ganze etwas einfacher.

      andre1deA Offline
      andre1deA Offline
      andre1de
      schrieb am zuletzt editiert von andre1de
      #16

      @codierknecht
      Das war erst meine Ziel. Bin für alle mögliche Lösungen offen.
      Und wie geht es mit der Tabelle?

      CodierknechtC 1 Antwort Letzte Antwort
      0
      • CodierknechtC Codierknecht

        @andre1de sagte in Liste mit Eingabe:

        wo könnte Fehler sein?

        Du fügst in die Liste eine weitere Liste ein.
        Und die enthält genau das was Du reinsteckst:

        • in i steckt die id des aktuellen Elements
        • mit "Wert von i" wird der Wert des Elements i gelesen
        • und noch ein HTML-Zeilenumbruch

        Macht vielleicht Sinn, als erstes mal das i in id umzubenennen. Dann wird das ganze vielleicht klarer.
        Passende Benamsung ... sooo wichtig ;-)

        andre1deA Offline
        andre1deA Offline
        andre1de
        schrieb am zuletzt editiert von
        #17

        @codierknecht said in Liste mit Eingabe:

        @andre1de sagte in Liste mit Eingabe:

        wo könnte Fehler sein?

        Du fügst in die Liste eine weitere Liste ein.
        Und die enthält genau das was Du reinsteckst:

        • in i steckt die id des aktuellen Elements
        • mit "Wert von i" wird der Wert des Elements i gelesen
        • und noch ein HTML-Zeilenumbruch

        Macht vielleicht Sinn, als erstes mal das i in id umzubenennen. Dann wird das ganze vielleicht klarer.
        Passende Benamsung ... sooo wichtig ;-)

        Ja. Sie haben recht. So funktioniert es:
        Bildschirmfoto_28-1-2025_114623_192.168.178.30.jpeg

        1 Antwort Letzte Antwort
        0
        • andre1deA andre1de

          @codierknecht
          Das war erst meine Ziel. Bin für alle mögliche Lösungen offen.
          Und wie geht es mit der Tabelle?

          CodierknechtC Offline
          CodierknechtC Offline
          Codierknecht
          Developer Most Active
          schrieb am zuletzt editiert von Codierknecht
          #18

          @andre1de
          Vorschlag:
          8249c636-7f80-49d8-bc16-70a998dd9072-image.png
          Das produziert ein solches Array:
          81003cd0-1aa3-41f2-b29c-c4ec1de0e495-image.png
          Und in Vis kann man das als Json-Tabelle darstellen:
          05c510a4-7a83-43ed-8eb1-ba4b18ed7edf-image.png

          Edit
          Wenn man als Eingabe ein "jqui - ctrl - input - setbutton" verwendet, könnte man mit kleineren Änderungen am Script auch noch auf einen separaten "Button" verzichten.
          2025-01-28_12-59-25.mp4

          "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

          Proxmox 9.1.1 LXC|8 GB|Core i7-6700
          HmIP|ZigBee|Tasmota|Unifi
          Zabbix Certified Specialist
          Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

          andre1deA CodierknechtC 2 Antworten Letzte Antwort
          0
          • CodierknechtC Codierknecht

            @andre1de
            Vorschlag:
            8249c636-7f80-49d8-bc16-70a998dd9072-image.png
            Das produziert ein solches Array:
            81003cd0-1aa3-41f2-b29c-c4ec1de0e495-image.png
            Und in Vis kann man das als Json-Tabelle darstellen:
            05c510a4-7a83-43ed-8eb1-ba4b18ed7edf-image.png

            Edit
            Wenn man als Eingabe ein "jqui - ctrl - input - setbutton" verwendet, könnte man mit kleineren Änderungen am Script auch noch auf einen separaten "Button" verzichten.
            2025-01-28_12-59-25.mp4

            andre1deA Offline
            andre1deA Offline
            andre1de
            schrieb am zuletzt editiert von
            #19

            @codierknecht
            O! Es sieht super aus!
            Ich probiere es erst morgen aus, muss zur Arbeit.
            Vielen Dank erstmal!

            1 Antwort Letzte Antwort
            0
            • CodierknechtC Codierknecht

              @andre1de
              Vorschlag:
              8249c636-7f80-49d8-bc16-70a998dd9072-image.png
              Das produziert ein solches Array:
              81003cd0-1aa3-41f2-b29c-c4ec1de0e495-image.png
              Und in Vis kann man das als Json-Tabelle darstellen:
              05c510a4-7a83-43ed-8eb1-ba4b18ed7edf-image.png

              Edit
              Wenn man als Eingabe ein "jqui - ctrl - input - setbutton" verwendet, könnte man mit kleineren Änderungen am Script auch noch auf einen separaten "Button" verzichten.
              2025-01-28_12-59-25.mp4

              CodierknechtC Offline
              CodierknechtC Offline
              Codierknecht
              Developer Most Active
              schrieb am zuletzt editiert von Codierknecht
              #20

              @codierknecht sagte in Liste mit Eingabe:

              Wenn man als Eingabe ein "jqui - ctrl - input - setbutton" verwendet, könnte man mit kleineren Änderungen am Script auch noch auf einen separaten "Button" verzichten.

              Das sähe dann jetzt so aus:

              299b0683-e59a-474a-829d-a1f6d295d6e2-image.png
              Damit es in Vis auch richtig chic wird, ist ein bisschen JS in Vis nötig, um das Eingabefeld nach der Speicherung des Wertes auch wieder zu leeren.

              $(document).ready( () => {
                  setTimeout( () => {
                      $('#w00004_set').click(function () { 
                          setTimeout( () => {
                              $('#w00004_input').val('');
                          }, 100);
                      });
                      $('#w00004_input').keydown(function(event){
                          if (event.which == 13){
                              setTimeout( () => {
                                  $('#w00004_input').val('');
                              }, 100);
                          }
                      });
              
                  }, 1000);
              });
              

              Die ID's müssen logischerweise auf die eigenen Gegebenheiten angepasst werden.

              "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

              Proxmox 9.1.1 LXC|8 GB|Core i7-6700
              HmIP|ZigBee|Tasmota|Unifi
              Zabbix Certified Specialist
              Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

              1 Antwort Letzte Antwort
              0
              • andre1deA Offline
                andre1deA Offline
                andre1de
                schrieb am zuletzt editiert von
                #21

                @codierknecht said in Liste mit Eingabe:

                Die ID's müssen logischerweise auf die eigenen Gegebenheiten angepasst werden.

                Es funktioniert alles! Und ist es viel einfacher und eleganter als ich mir zuvor vorgestellt habe. Danke!
                Es bleibt nur die Gesamtsumme allen Beträgen.
                Wie kann ich das noch realisieren?

                CodierknechtC 1 Antwort Letzte Antwort
                0
                • andre1deA andre1de

                  @codierknecht said in Liste mit Eingabe:

                  Die ID's müssen logischerweise auf die eigenen Gegebenheiten angepasst werden.

                  Es funktioniert alles! Und ist es viel einfacher und eleganter als ich mir zuvor vorgestellt habe. Danke!
                  Es bleibt nur die Gesamtsumme allen Beträgen.
                  Wie kann ich das noch realisieren?

                  CodierknechtC Offline
                  CodierknechtC Offline
                  Codierknecht
                  Developer Most Active
                  schrieb am zuletzt editiert von
                  #22

                  @andre1de sagte in Liste mit Eingabe:

                  Es bleibt nur die Gesamtsumme allen Beträgen.
                  Wie kann ich das noch realisieren?

                  Dazu einfach einen neuen DP "Summe" anlegen und das Script minimal erweitern:

                  68b2a24f-420e-4f4c-8dba-ff1b06fd21a7-image.png

                  "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                  Proxmox 9.1.1 LXC|8 GB|Core i7-6700
                  HmIP|ZigBee|Tasmota|Unifi
                  Zabbix Certified Specialist
                  Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                  andre1deA 1 Antwort Letzte Antwort
                  0
                  • CodierknechtC Codierknecht

                    @andre1de sagte in Liste mit Eingabe:

                    Es bleibt nur die Gesamtsumme allen Beträgen.
                    Wie kann ich das noch realisieren?

                    Dazu einfach einen neuen DP "Summe" anlegen und das Script minimal erweitern:

                    68b2a24f-420e-4f4c-8dba-ff1b06fd21a7-image.png

                    andre1deA Offline
                    andre1deA Offline
                    andre1de
                    schrieb am zuletzt editiert von
                    #23

                    @codierknecht said in Liste mit Eingabe:

                    Dazu einfach einen neuen DP "Summe" anlegen und das Script minimal erweitern:

                    Danke!
                    Letzte Frage. Wie kann man input Feld und Button mit css anpassen?
                    Farbe z.B.

                    CodierknechtC 1 Antwort Letzte Antwort
                    0
                    • andre1deA andre1de

                      @codierknecht said in Liste mit Eingabe:

                      Dazu einfach einen neuen DP "Summe" anlegen und das Script minimal erweitern:

                      Danke!
                      Letzte Frage. Wie kann man input Feld und Button mit css anpassen?
                      Farbe z.B.

                      CodierknechtC Offline
                      CodierknechtC Offline
                      Codierknecht
                      Developer Most Active
                      schrieb am zuletzt editiert von
                      #24

                      @andre1de sagte in Liste mit Eingabe:

                      Letzte Frage. Wie kann man input Feld und Button mit css anpassen?

                      Mit "Untersuchen" herausfinden, wie das entsprechende Element genau heißt und dann im Vis-Editor passendes CSS stricken:

                      ad1e175c-2eea-4995-aaff-6f61dd2af965-image.png

                      "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                      Proxmox 9.1.1 LXC|8 GB|Core i7-6700
                      HmIP|ZigBee|Tasmota|Unifi
                      Zabbix Certified Specialist
                      Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                      andre1deA 1 Antwort Letzte Antwort
                      0
                      • CodierknechtC Codierknecht

                        @andre1de sagte in Liste mit Eingabe:

                        Letzte Frage. Wie kann man input Feld und Button mit css anpassen?

                        Mit "Untersuchen" herausfinden, wie das entsprechende Element genau heißt und dann im Vis-Editor passendes CSS stricken:

                        ad1e175c-2eea-4995-aaff-6f61dd2af965-image.png

                        andre1deA Offline
                        andre1deA Offline
                        andre1de
                        schrieb am zuletzt editiert von
                        #25

                        @codierknecht said in Liste mit Eingabe:

                        Mit "Untersuchen" herausfinden, wie das entsprechende Element genau heißt und dann im Vis-Editor passendes CSS stricken:

                        Also nochmal vielen Dank!

                        1 Antwort Letzte Antwort
                        0
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        740

                        Online

                        32.5k

                        Benutzer

                        81.8k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe