Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. TV Programm Mini Anzeige - HTML Tabelle

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    TV Programm Mini Anzeige - HTML Tabelle

    This topic has been deleted. Only users with topic management privileges can see it.
    • Nashra
      Nashra Most Active Forum Testing last edited by

      @liv-in-sky top 👍 👍 👍

      1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky last edited by liv-in-sky

        falls jemand ein popup ( in der vis) für die anzeige braucht - das ganze nimmt viel platz ein - hier ein beispiel
        importieren und den datenpunkt angelichen

        [{"tpl":"tplJquiDialog","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"title":"TV Gleich","html":"\n<center><b>TV Gleich</b></center","html_dialog":"{controll-own.0.TABELLEN.TVgleich}","dialog_width":"480","dialog_height":"580","modal":true,"closeOnClick":true},"style":{"left":"839px","top":"430px","width":"66px","height":"38px","background":"linear-gradient(to top, #80CB74 2px, #81A17C 55px )","color":"#52f651"},"widgetSet":"jqui"}]
        

        test5.5.gif

        Nashra Chaot 2 Replies Last reply Reply Quote 0
        • Nashra
          Nashra Most Active Forum Testing @liv-in-sky last edited by Nashra

          @liv-in-sky sagte in TV Programm Mini Anzeige - HTML Tabelle:

          falls jemand ein popup ( in der vis) für die anzeige braucht - das ganze nimmt viel platz ein - hier ein beispiel
          importieren und den datenpunkt angelichen

          [{"tpl":"tplJquiDialog","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"title":"TV Gleich","html":"\n<center><b>TV Gleich</b></center","html_dialog":"{controll-own.0.TABELLEN.TVgleich}","dialog_width":"480","dialog_height":"580","modal":true,"closeOnClick":true},"style":{"left":"839px","top":"430px","width":"66px","height":"38px","background":"linear-gradient(to top, #80CB74 2px, #81A17C 55px )","color":"#52f651"},"widgetSet":"jqui"}]
          

          test5.5.gif

          Mit dem Popup ist eine gute Idee 🙂
          Habe erstmal eine Testseite angelegt um zu sehen ob alles klappt
          tv-test.PNG

          liv-in-sky O 2 Replies Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Nashra last edited by

            @Nashra das popup kann man auf mehreren seiten plazieren und hat somit in der küche oder im wohnzimmer eine schnelle möglichkeit - ich habe verschiedene views pro zimmer am laufen

            mit dem widget - icon dialog - könnte man auch bildchen verwenden

            1 Reply Last reply Reply Quote 0
            • O
              Oli @Nashra last edited by

              @Nashra

              deine Überschrift bei 22:00 Uhr ist noch falsch eingestellt im Script

              Nashra 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky last edited by

                habe nochmal eine kleine änderung gemacht- es kann jetzt auch eine signature eingebunden werden - diese erscheint direkt unter der tablelle - rechtsbündig und hat den selben inhalt wie die überschrift -ist aber kleiner . die überschrift hat zuviel platz gebraucht, ich wollte aber sehen , wann die letzten updates waren - so kann man sich entscheiden, was man braucht oder will

                Image 1.png

                sigi234 1 Reply Last reply Reply Quote 0
                • sigi234
                  sigi234 Forum Testing Most Active @liv-in-sky last edited by sigi234

                  @liv-in-sky

                  Cool, wie bekomme ich jetzt die ÖSI sender rein?
                  Was muss geändert werden im Skript, es ist immer sehr umständlich alles Skripte wieder anzupassen.

                  liv-in-sky 2 Replies Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @sigi234 last edited by liv-in-sky

                    @sigi234 die dürfen nicht in dem const mySort drinstehen - ziemlich weit untem im script - der große rote block

                    Image 2.png

                    die hier raus löschen

                    Image 3.png

                    1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @sigi234 last edited by

                      @sigi234 du kannst die roten blöcke in jedes script kopieren, wenn du sie einmal geändert hast

                      1 Reply Last reply Reply Quote 0
                      • Nashra
                        Nashra Most Active Forum Testing @Oli last edited by

                        @Oli sagte in TV Programm Mini Anzeige - HTML Tabelle:

                        @Nashra

                        deine Überschrift bei 22:00 Uhr ist noch falsch eingestellt im Script

                        Korrigiert und noch eine Constante eingefügt bei font-weight da bei der Schriftart
                        die ich verwende das bold nicht gut aussieht. Könntest Du ja vllt auch übernehmen
                        dann kann es sich jeder selber einstellen wie er es möchte.

                        const htmlSchriftWeite="normal";
                        
                        var htmlUeber=    "<p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight:"+htmlSchriftWeite+"\">"+htmlFeldUeber+"&ensp;&ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"</p>"; 
                        

                        tv2.PNG

                        liv-in-sky 1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Nashra last edited by

                          @Nashra

                          ich wollte das bold eh rausnehmen 🙂 aus der überschrift

                          Nashra 1 Reply Last reply Reply Quote 0
                          • Nashra
                            Nashra Most Active Forum Testing @liv-in-sky last edited by

                            @liv-in-sky sagte in TV Programm Mini Anzeige - HTML Tabelle:

                            @Nashra

                            ich wollte das bold eh rausnehmen 🙂 aus der überschrift

                            Sehr gut, bitte als constante und dann könnte man der Überschrift auch noch eine Constante
                            verpassen mit der Schriftgröße 😀

                            liv-in-sky 1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @Nashra last edited by

                              @Nashra

                              done

                              Nashra 1 Reply Last reply Reply Quote 0
                              • Nashra
                                Nashra Most Active Forum Testing @liv-in-sky last edited by Nashra

                                @liv-in-sky sagte in TV Programm Mini Anzeige - HTML Tabelle:

                                @Nashra

                                done

                                ich auch 😊 👍

                                1 Reply Last reply Reply Quote 0
                                • Nashra
                                  Nashra Most Active Forum Testing last edited by

                                  Noch so einige Ideen 🙂
                                  Überschrift mit Last Update = true/false
                                  Signatur mit "Das TV Programm" = true/false

                                  Also wenn Sig true, dann braucht man eigentlich "Das..." nicht
                                  und oben könnte dann "Last..." ausgeblendet werden.
                                  Was meinst Du 🙂

                                  1 Reply Last reply Reply Quote 0
                                  • Nashra
                                    Nashra Most Active Forum Testing last edited by

                                    Nachtrag!
                                    Die Schriftgröße in Signatur sowie text-align und Farbe auch in eine Constante gelegt 🙂

                                    const htmlSchriftUntenGroesse="11px";
                                    const htmlSchrifFarbeUnten="#40FF00";
                                    const htmlSigTextAlign="right";
                                    
                                    1 Reply Last reply Reply Quote 0
                                    • Nashra
                                      Nashra Most Active Forum Testing last edited by

                                      Da passte etwas noch nicht so ganz...

                                      const htmlSigPadLeft="10px";
                                      const htmlSigPadRight="10px";
                                      
                                      var htmlUnter= "<p></p><div style=\"padding-right:"+htmlSigPadRight+"; padding-left:"+htmlSigPadLeft+"; color:"+html
                                      
                                      1 Reply Last reply Reply Quote 0
                                      • Chaot
                                        Chaot @liv-in-sky last edited by

                                        @liv-in-sky Das Popup ist eine geniale Sache.
                                        Aber wie kann ich das einstellen das der an einer bestimmten Stelle mit einer bestimmten Größe aufgeht?
                                        In den Punkten Dialogbreite ändert sich nichts und bei Position oben/links gibt es auch keine Änderung.

                                        sigi234 liv-in-sky 2 Replies Last reply Reply Quote 0
                                        • sigi234
                                          sigi234 Forum Testing Most Active @Chaot last edited by

                                          @Chaot sagte in TV Programm Mini Anzeige - HTML Tabelle:

                                          Aber wie kann ich das einstellen das der an einer bestimmten Stelle mit einer bestimmten Größe aufgeht?

                                          Screenshot (1245)_LI.jpg

                                          1 Reply Last reply Reply Quote 0
                                          • liv-in-sky
                                            liv-in-sky @Chaot last edited by

                                            @Chaot dort habe ich es auch eingestellt - so wie bei sigi

                                            sigi234 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            594
                                            Online

                                            31.7k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript
                                            20
                                            327
                                            36491
                                            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