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. Visualisierung
  4. IOBroker VIS - Springen innerhalb eines Views

NEWS

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

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

IOBroker VIS - Springen innerhalb eines Views

Geplant Angeheftet Gesperrt Verschoben Visualisierung
20 Beiträge 4 Kommentatoren 1.6k Aufrufe 4 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.
  • S Speedy-Turbo

    @liv-in-sky
    Ahhh,
    er zeigt quasi auf sich selbst.
    Jetzt funktioniert das Beispiel.

    Mann klickt also unten auf den Button und er springt in der gleichen Seite/View nach oben.
    Aber wie soll das funktionieren wenn ich von dieser Seite auf einen anderen View gleich nach oben springen will ?
    Siehe Beispiel Projekt
    2021-10-14-Test02.zip

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    schrieb am zuletzt editiert von
    #11

    @speedy-turbo

    das ist die richtige view - die functions dürfen nicht den gleichen namen haben :-(

    2021-10-14-speedy2 (2).zip

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    S 1 Antwort Letzte Antwort
    1
    • liv-in-skyL liv-in-sky

      @speedy-turbo

      das ist die richtige view - die functions dürfen nicht den gleichen namen haben :-(

      2021-10-14-speedy2 (2).zip

      S Offline
      S Offline
      Speedy-Turbo
      schrieb am zuletzt editiert von
      #12

      @liv-in-sky Hallo,

      funktioniert perfekt :smile:

      Und wie du ja schon beschrieben hast, habe ich das Element transparent (also einfach ohne Farbe und Rand ) und eine z-index Stufe höher auf das Widget gelegt, so dass man denkt man klickt auf das darunter liegende Widget. (ob das jetzt überhaupt noch Sinn macht ist eine andere Sache)

      Auf den Smartphone ist das wirklich sehr hilfreich, da ja man doch viele Seiten hat, die über den unteren Rand hinausgehen.

      Jetzt muss ich nur mal schauen ob ich das überall anwenden kann, da ich auch Widgets habe, die Werte beim View Wechsel mitgeben.

      Verstehe gar nicht, dass es kein Widget gibt, das dieses Automatisch macht.
      Also neuen View öffnen und sofort nach oben springen.

      Vielen Dank für deine Lösung.:+1:

      Gruß Speedy

      liv-in-skyL 2 Antworten Letzte Antwort
      0
      • S Speedy-Turbo

        @liv-in-sky Hallo,

        funktioniert perfekt :smile:

        Und wie du ja schon beschrieben hast, habe ich das Element transparent (also einfach ohne Farbe und Rand ) und eine z-index Stufe höher auf das Widget gelegt, so dass man denkt man klickt auf das darunter liegende Widget. (ob das jetzt überhaupt noch Sinn macht ist eine andere Sache)

        Auf den Smartphone ist das wirklich sehr hilfreich, da ja man doch viele Seiten hat, die über den unteren Rand hinausgehen.

        Jetzt muss ich nur mal schauen ob ich das überall anwenden kann, da ich auch Widgets habe, die Werte beim View Wechsel mitgeben.

        Verstehe gar nicht, dass es kein Widget gibt, das dieses Automatisch macht.
        Also neuen View öffnen und sofort nach oben springen.

        Vielen Dank für deine Lösung.:+1:

        Gruß Speedy

        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #13

        @speedy-turbo

        eigentlich müßte man dies über eine class machen können. dann kann man unter gerneral im widget sagen, dass dieses widget der class ... angehört

        man kann dann sagen widget eins gehört zur klasse abc. und alle widgets, die zur class abc gehören, springen bei click an den anfang der seite.

        eigentlich wäre es besser, den inhalt von <script>...</script> in den scripte tab zu schreiben . dann kann man class und script verbinden - das hat den vorteil, das man orginal widgets nutzen kann und die nur einer class zuweist

        ich werd mal nochmal nachschauen, ob ich das auf diese weiße hinbekomme

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        1 Antwort Letzte Antwort
        0
        • S Speedy-Turbo

          @liv-in-sky Hallo,

          funktioniert perfekt :smile:

          Und wie du ja schon beschrieben hast, habe ich das Element transparent (also einfach ohne Farbe und Rand ) und eine z-index Stufe höher auf das Widget gelegt, so dass man denkt man klickt auf das darunter liegende Widget. (ob das jetzt überhaupt noch Sinn macht ist eine andere Sache)

          Auf den Smartphone ist das wirklich sehr hilfreich, da ja man doch viele Seiten hat, die über den unteren Rand hinausgehen.

          Jetzt muss ich nur mal schauen ob ich das überall anwenden kann, da ich auch Widgets habe, die Werte beim View Wechsel mitgeben.

          Verstehe gar nicht, dass es kein Widget gibt, das dieses Automatisch macht.
          Also neuen View öffnen und sofort nach oben springen.

          Vielen Dank für deine Lösung.:+1:

          Gruß Speedy

          liv-in-skyL Offline
          liv-in-skyL Offline
          liv-in-sky
          schrieb am zuletzt editiert von
          #14

          @speedy-turbo

          habe mal umgesetzt - hier funktioniert es nur mit dem inventwo - die haben jetzt eine class

          2021-10-14-speedy2 (3).zip

          AApossis (141).gif

          ich bin noch nicht ganz happy - muss was klären

          @Glasfaser

          im script-tab nutze ich das:

          
          function myupFunction() {  $('html,body').scrollTop(0); } 
          
          
          
          
          let timeout11 = 3500; //Zeit erhöhen wenn der Klick nicht angenommen wird
          
            setTimeout( () => {
                 console.log( "ready to click!" );
          $('.seiteNachObenScrollen').click(function () {  
              console.log( "ready!" );
              myupFunction() });
          
            }, timeout11);
          

          das timeout benötige ich unbedingt, sonst läuft es nicht - das ist nicht schön
          ich habe es auch mit

          $( document ).ready(function() {
          odr
          $(window).load(function(){
          

          probiert

          bei meiner vis würde der timeout nicht funktionieren, weil die seite länger wie 3500ms braucht

          kennst du einen besseren trick - widget-unabhängig

          any idea ?

          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

          GlasfaserG 1 Antwort Letzte Antwort
          1
          • S Offline
            S Offline
            Speedy-Turbo
            schrieb am zuletzt editiert von
            #15

            @liv-in-sky
            Das funktioniert einwandfrei und ich kann meine Widgets behalten.
            Wie cool ist das denn.

            Ich muß also in der CSS Klasse bei jedem Widget nur die "seiteNachObenScrollen" eintragen und unter Skript den Code eingeben ?
            Der Code zählt dann für das ganze Projekt oder ?

            Sprung_im_Widget.png

            liv-in-skyL 1 Antwort Letzte Antwort
            0
            • S Speedy-Turbo

              @liv-in-sky
              Das funktioniert einwandfrei und ich kann meine Widgets behalten.
              Wie cool ist das denn.

              Ich muß also in der CSS Klasse bei jedem Widget nur die "seiteNachObenScrollen" eintragen und unter Skript den Code eingeben ?
              Der Code zählt dann für das ganze Projekt oder ?

              Sprung_im_Widget.png

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #16

              @speedy-turbo

              genau - so ist es

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              S 1 Antwort Letzte Antwort
              1
              • liv-in-skyL liv-in-sky

                @speedy-turbo

                genau - so ist es

                S Offline
                S Offline
                Speedy-Turbo
                schrieb am zuletzt editiert von
                #17

                @liv-in-sky

                Super - Vielen Dank :+1:
                Das werde ich gleich mal umsetzen.

                1 Antwort Letzte Antwort
                0
                • liv-in-skyL liv-in-sky

                  @speedy-turbo

                  habe mal umgesetzt - hier funktioniert es nur mit dem inventwo - die haben jetzt eine class

                  2021-10-14-speedy2 (3).zip

                  AApossis (141).gif

                  ich bin noch nicht ganz happy - muss was klären

                  @Glasfaser

                  im script-tab nutze ich das:

                  
                  function myupFunction() {  $('html,body').scrollTop(0); } 
                  
                  
                  
                  
                  let timeout11 = 3500; //Zeit erhöhen wenn der Klick nicht angenommen wird
                  
                    setTimeout( () => {
                         console.log( "ready to click!" );
                  $('.seiteNachObenScrollen').click(function () {  
                      console.log( "ready!" );
                      myupFunction() });
                  
                    }, timeout11);
                  

                  das timeout benötige ich unbedingt, sonst läuft es nicht - das ist nicht schön
                  ich habe es auch mit

                  $( document ).ready(function() {
                  odr
                  $(window).load(function(){
                  

                  probiert

                  bei meiner vis würde der timeout nicht funktionieren, weil die seite länger wie 3500ms braucht

                  kennst du einen besseren trick - widget-unabhängig

                  any idea ?

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  schrieb am zuletzt editiert von
                  #18

                  @liv-in-sky sagte in IOBroker VIS - Springen innerhalb eines Views:

                  kennst du einen besseren trick - widget-unabhängig

                  Nee , dazu habe keine Idee , aber das mit der CSS Zuweisung finde ich eine sehr gute Idee.

                  Habe mir noch ein slow Effekt eingebaut

                  function myupFunction() {  $("html, body").animate({ scrollTop: 0 }, "slow");
                    return false; }
                  

                  @jkvarel kann man nicht dazu einen Button / Funktionserweiterung erstellen ?

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  liv-in-skyL 1 Antwort Letzte Antwort
                  1
                  • GlasfaserG Glasfaser

                    @liv-in-sky sagte in IOBroker VIS - Springen innerhalb eines Views:

                    kennst du einen besseren trick - widget-unabhängig

                    Nee , dazu habe keine Idee , aber das mit der CSS Zuweisung finde ich eine sehr gute Idee.

                    Habe mir noch ein slow Effekt eingebaut

                    function myupFunction() {  $("html, body").animate({ scrollTop: 0 }, "slow");
                      return false; }
                    

                    @jkvarel kann man nicht dazu einen Button / Funktionserweiterung erstellen ?

                    liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #19

                    @glasfaser

                    ich vermute, man muss auf das laden aller scripte oder die inventwo-widgets, vis-haupt-scripte oder das laden von jquery warten

                    wartet man nur auf die DOM

                    
                    
                    $( document ).ready(function() {
                    
                    odr
                    
                    $(window).load(function(){
                    
                    

                    reicht das nicht

                    @jkvarel weißt du evzl, wie man das richtig anwendet https://forum.iobroker.net/post/688528

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    D 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

                      @glasfaser

                      ich vermute, man muss auf das laden aller scripte oder die inventwo-widgets, vis-haupt-scripte oder das laden von jquery warten

                      wartet man nur auf die DOM

                      
                      
                      $( document ).ready(function() {
                      
                      odr
                      
                      $(window).load(function(){
                      
                      

                      reicht das nicht

                      @jkvarel weißt du evzl, wie man das richtig anwendet https://forum.iobroker.net/post/688528

                      D Offline
                      D Offline
                      dos1973
                      schrieb am zuletzt editiert von
                      #20

                      @liv-in-sky

                      coole Sache, darüber hatte ich schon so oft nachgedacht.
                      ich hatte es aus Word gekannt, da heisst es glaube ich "sprungmarken".

                      Danke für die wertvolle Hilfestellung!

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


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      763

                      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