Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Klick auf Image

    NEWS

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker goes Matter ... Matter Adapter in Stable

    Klick auf Image

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      SchuetzeSchulz last edited by

      Hallo,

      ich würde gern beim Klick auf ein Image (dort wird mir derzeit das Wetter angezeigt) einen Dialog öffnen, indem z.B. Wetterwarnungen etc. drin stehen.

      Ich habe gesehe, man kann in VIS auch scripten. Wäre das damit möglich? Oder gibt es eine andere Alternative?

      Mein VIS Script sieht so aus, fuktioniert aber nicht 🙂

      if (!vis.editMode) 
      {
          $("#w00201").click(function(){
              alert('Test');
          })
      }
      
      
      1 Reply Last reply Reply Quote 0
      • Bluefox
        Bluefox last edited by

        @SchuetzeSchulz:

        Hallo,

        ich würde gern beim Klick auf ein Image (dort wird mir derzeit das Wetter angezeigt) einen Dialog öffnen, indem z.B. Wetterwarnungen etc. drin stehen.

        Ich habe gesehe, man kann in VIS auch scripten. Wäre das damit möglich? Oder gibt es eine andere Alternative?

        Mein VIS Script sieht so aus, fuktioniert aber nicht 🙂

        if (!vis.editMode) 
        {
            $("#w00201").click(function(){
                alert('Test');
            })
        }
        
        ```` `  
        

        Ich denke es geht auch einfacher, aber in deinem Fall wird folgendes helfen:

        function enableClick(id) {
            var $id = $("#" + id);
            if (!$id .length) return setTimeout(enableClick, 300, id);
            $id.click(function(){
                alert('Test');
            });
        }
        
        if (!vis.editMode) enableClick('w00201');
        
        
        1 Reply Last reply Reply Quote 0
        • S
          SchuetzeSchulz last edited by

          Super, das funktioniert prima.

          Wie lässt sich jetzt am einfachsten ein kleiner Dialog generieren, oder bleibt mir da nur der Umweg über eine separate View?

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

            > oder bleibt mir da nur der Umweg über eine separate View
            ja

            Du kannst aber natürlich jQuery UI voll benutzen.

            1 Reply Last reply Reply Quote 0
            • S
              SchuetzeSchulz last edited by

              @Bluefox:

              Du kannst aber natürlich jQuery UI voll benutzen. `

              Hallo Bluefox,

              Entschuldige bitte die Frage aber wie meinst Du das?

              Es gibt zwar jQuery Dialog Widgets aber ich weiß leider nicht wie man die benutzt 😞

              1 Reply Last reply Reply Quote 0
              • Homoran
                Homoran Global Moderator Administrators last edited by

                Ich nehme an, dass Bluefox das hier meint:

                http://jqueryui.com

                Gruß

                Rainer

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

                Support us

                ioBroker
                Community Adapters
                Donate

                768
                Online

                32.0k
                Users

                80.5k
                Topics

                1.3m
                Posts

                3
                6
                1616
                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