Ankündigung

Einklappen
Keine Ankündigung bisher.

Slider - Range-Option funktioniert

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Slider - Range-Option funktioniert

    Hallo zusammen,

    inspiriert von dem Slider in der SmartVisu des Forenmitglieds Apollo (siehe hier) wollte ich versuchen, in meinem Metal-Design die Darstellung entsprechend anzupassen.
    Hierzu habe ich mir mal das jQuery Slider-Demo angeschaut und festgestellt, dass das durch Setzen der Range-Eigenschaft funktionieren müsste, da ohne das entsprechende Element gar nicht zur Verfügung steht.
    Code:
    range: "min",
    Nun habe ich in der Datei ./structure./pure/slide.js alles Mögliche ausprobiert, aber ich komme auf keinen grünen Zweig (vermutlich auch wegen mangelndem Verständnis der Zusammenhänge).

    Kann mir hier jemand auf die Sprünge helfen?
    Ich dachte, es werden die jQueryUI-Widgets verwendet und ich könnte durch folgende fett markierte Codeänderung zum Ziel kommen:
    Code:
        if ($(actor).data('format')!=null) {
          $actor.slider({
            step:    step,
            min:     min,
            max:     max, 
    [B]        range:     "min",
    [/B]        animate: true,
            start:   this.slideStart,
            change:  this.slideChange,
            slide:   this.slideUpdateValue
          });
          $actor.children('.ui-slider-handle').text(sprintf($actor.data( 'format' ),$actor.slider('value')));
        }
        else {
          $actor.slider({
            step:    step,
            min:     min,
            max:     max, 
    [B]        range:     "min",
    [/B]        animate: true,
            start:   this.slideStart,
            change:  this.slideChange
          });
        }
    Grüße
    Michael

    #2
    Zitat von MicHau Beitrag anzeigen
    Ich dachte, es werden die jQueryUI-Widgets verwendet und ich könnte durch folgende fett markierte Codeänderung zum Ziel kommen:...
    Da soll einem doch der Blitz in den ... fahren
    Direkt nach meinem Posting habe ich noch ein bisschen weiter probiert und jetzt funkioniert es genau so! Da wird man ja zum Hirsch...

    So, wieder beruhigt.
    Spricht irgendetwas dagegen, die oben angeführte Änderung im Slider einzuführen? Durch CSS kann man dieses Element ja einfach ausblenden, wenn es nicht gewünscht ist.
    Grüße
    Michael

    Kommentar


      #3
      fände ich super.
      Magst Du mal ein Screenshot von der CV einstellen, wie es bei dir aussieht?

      Gruß

      Kommentar


        #4
        Screenshot

        Zitat von kleinklausi Beitrag anzeigen
        Magst Du mal ein Screenshot von der CV einstellen, wie es bei dir aussieht?
        Mir ist noch nicht endgültig klar, wie ich haben möchte. Aber versuchsweise in Goldgelb einmal mit und einmal ohne Farbverlauf im Hintergrund sieht im Metal-Design aus wie im Anhang.

        Ich bin der Meinung, dass dadurch die Slider-Position besser zur Geltung kommt wie wenn man nur das Kästchen auf dem Balken sieht.
        Angehängte Dateien
        Grüße
        Michael

        Kommentar


          #5
          Habe die Änderung eingecheckt mit einem etwas dunklerem gelb. Sichtbar ist das aber aktuell nur im Metal-Design.
          Angehängte Dateien
          Grüße
          Michael

          Kommentar


            #6
            Ich finde es cool - mal sehen was die anderen dazu sagen...

            Kommentar


              #7
              Hab mir das Ergebnis noch nicht außerhalb der Screenshots angesehen - aber wenn man nun in jedem Design problemlos beide Farben einstellen kann, dann finde ich das sehr sinnvoll.
              TS2, B.IQ, DALI, WireGate für 1wire so wie Server für Logik und als KNX Visu die CometVisu auf HomeCockpit Minor. - Bitte keine PNs, Fragen gehören in das Forum, damit jeder was von den Antworten hat!

              Kommentar


                #8
                Ja, das funktioniert so. Bei allen anderen Designs hat sich nichts geändert, kann aber durch die Klasse .ui-slider-range angepasst werden.
                Grüße
                Michael

                Kommentar


                  #9
                  Sollte nach nem SVN Update automatisch jeder Slider gelb werden?

                  Oder muss ich da gegebenfalls noch etwas anpassen?

                  Vielen Dank

                  Kommentar


                    #10
                    Zitat von SachsenTobi Beitrag anzeigen
                    Sollte nach nem SVN Update automatisch jeder Slider gelb werden?
                    Im Metal-Design eigentlich ja, in allen anderen nicht. Wenn es das in Metal nicht tut, poste doch mal den Config-Auszug.
                    Grüße
                    Michael

                    Kommentar


                      #11
                      So, hier der Code, aber gelb wird dabei nichts ...

                      PHP-Code:
                             <group name="Jalousien">
                                  <
                      layout colspan="12" />
                                      <
                      group nowidget="true">
                                          <
                      layout colspan="12" />
                                              <
                      slide min="0" max="100" step="10" format="%d%%">
                                                  <
                      layout colspan="6" />
                                                  <
                      label><icon name="fts_rollo" />Seitenfenster</label>
                                                  <
                      address transform="DPT:5.001" mode="readwrite" variant="">0/7/4</address>
                                              </
                      slide>
                                              <
                      trigger value="0" mapping="Positionen">
                                                  <
                      layout colspan="1.5" />
                                                  <
                      address transform="DPT:5.001" type="">0/7/3</address>
                                              </
                      trigger>
                                              <
                      trigger value="40" mapping="Positionen">
                                                  <
                      layout colspan="1.5" />
                                                  <
                      address transform="DPT:5.001" type="">0/7/3</address>
                                              </
                      trigger>
                                              <
                      trigger value="80" mapping="Positionen">
                                                  <
                      layout colspan="1.5" />
                                                  <
                      address transform="DPT:5.001" type="">0/7/3</address>
                                              </
                      trigger>
                                              <
                      trigger value="100" mapping="Positionen">
                                                  <
                      layout colspan="1.5" />
                                                  <
                      address transform="DPT:5.001" type="">0/7/3</address>
                                              </
                      trigger>
                                      </
                      group
                      Lieben Dank

                      Kommentar


                        #12
                        Zitat von SachsenTobi Beitrag anzeigen
                        So, hier der Code, aber gelb wird dabei nichts ...
                        Bei mir klappt es auf Anhieb (siehe Screenshot).

                        Hast du:
                        - Design "Metal" verwendet?
                        - Browser-Cache geleert?
                        - die letzte SVN-Version gezogen?
                        Angehängte Dateien
                        Grüße
                        Michael

                        Kommentar


                          #13
                          TSTSTS es war der Cache,

                          Asche auf mein Haupt und danke bis zum nächsten Mal :-P

                          Kommentar


                            #14
                            "Das svn neu ziehen"
                            geht das so:

                            Code:
                            cd /var/www/visu_svnsvn update
                            Danke und Grüße,Lio

                            Kommentar


                              #15
                              Hoi

                              Einen Zeilenumbruch und dann is gut:
                              Code:
                              cd /var/www/visu_svn
                              svn update
                              Grüsse Bodo
                              Fragen gehören ins Forum, und nicht in mein Postfach;
                              EibPC-Fan; Wiregate-Fan; Timberwolf-Fan mit 30x 1-Wire Sensoren;

                              Kommentar

                              Lädt...
                              X