Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. Blockly
    5. Liste mit Eingabe

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Liste mit Eingabe

    This topic has been deleted. Only users with topic management privileges can see it.
    • Codierknecht
      Codierknecht Developer Most Active @andre1de last edited by

      @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.

      andre1de 1 Reply Last reply Reply Quote 0
      • andre1de
        andre1de @Codierknecht last edited by andre1de

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

        Codierknecht 1 Reply Last reply Reply Quote 0
        • andre1de
          andre1de @Codierknecht last edited by

          @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 Reply Last reply Reply Quote 0
          • Codierknecht
            Codierknecht Developer Most Active @andre1de last edited by 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

            andre1de Codierknecht 2 Replies Last reply Reply Quote 0
            • andre1de
              andre1de @Codierknecht last edited by

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

              1 Reply Last reply Reply Quote 0
              • Codierknecht
                Codierknecht Developer Most Active @Codierknecht last edited by Codierknecht

                @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.

                1 Reply Last reply Reply Quote 0
                • andre1de
                  andre1de last edited by

                  @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?

                  Codierknecht 1 Reply Last reply Reply Quote 0
                  • Codierknecht
                    Codierknecht Developer Most Active @andre1de last edited by

                    @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

                    andre1de 1 Reply Last reply Reply Quote 0
                    • andre1de
                      andre1de @Codierknecht last edited by

                      @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.

                      Codierknecht 1 Reply Last reply Reply Quote 0
                      • Codierknecht
                        Codierknecht Developer Most Active @andre1de last edited by

                        @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

                        andre1de 1 Reply Last reply Reply Quote 0
                        • andre1de
                          andre1de @Codierknecht last edited by

                          @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 Reply Last reply Reply Quote 0
                          • First post
                            Last post

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          703
                          Online

                          31.7k
                          Users

                          79.8k
                          Topics

                          1.3m
                          Posts

                          3
                          25
                          847
                          Loading More Posts
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes
                          Reply
                          • Reply as topic
                          Log in to reply
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                          The ioBroker Community 2014-2023
                          logo