Ankündigung

Einklappen

Nicht vergessen: Das KNX-UF-Symposium by eib-tech in München am 3. November 2017!

Mehr anzeigen
Weniger anzeigen

Xxslider 2.0

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

    Xxslider 2.0

    Liebe xxapi2 nutser,

    I would like to have some help with the following:
    we al know this one: basic slider.png




    The basic XXSLIDER.

    With the use of the UISlider from the GitHub I Changed it to advanced.png




    As you can see the silder including button is custom made.
    (I used picture data from the quadclient part of the expert studio)

    With the logic use of XXSLIDER I created a new slider XXSLIDER2.
    Like this: double.png




    The only thing missing is the connection to the HS objects.
    On this point I would like to have some help.

    Why do I need it?
    We installed Duettes from luxaflex, and these "curtains" can set in between.
    the slider portion is the -curtain- and the top and bottom slider-buttoms are the upper and lower bar of the duette.
    and yes there is a minimum disctance between the upper and lower bar.

    Sorry for my English, I can read German, but the writing is poor.

    Grusse,

    Gerwin
    Angehängte Dateien
    Zuletzt geändert von TBBW; 19.02.2017, 23:09.

    #2
    Zitat von TBBW Beitrag anzeigen
    ---
    The only thing missing is the connection to the HS objects.
    On this point I would like to have some help.

    Why do I need it?
    We installed Duettes from luxaflex, and these "curtains" can set in between.
    the slider portion is the -curtain- and the top and bottom slider-buttoms are the upper and lower bar of the duette.
    and yes there is a minimum disctance between the upper and lower bar.
    ...

    Lieber Gerwin,

    ------------------------------
    Lösungsvorschlag 1:

    Könnte funktionieren. Du mußt aber gute Programmierkenntnisse in JavaScript haben.

    - Dupliziere XXSLIDER von xxapi2.js zu custom.js
    - mache ein XXSLIDER2 daraus
    - Kommunikations-Objekt (KO) kann man nur eines übergeben. Trick: übergebe "von" & "bis" mit einem Wert (zb. dezimal von*1000+ bis)
    - innerhalb von XXSLIDER2 konvertiere die Zahl in eine Tabelle: [von, bis]

    Die Lösung ist unter https://refreshless.com/nouislider/slider-values/ beschrieben.
    ---------------------------------
    Lösung 2: Kompromiss, aber simple.

    2 Balken mit je 1 Slider. Knapp nebeneinander (vertikal) oder untereinander (horizontal).
    --------------------------------

    Eine bessere Lösung fällt mir nicht ein.

    Mehr kann Dir nur Nils oder ein guter JS-Programmierer mit xxapi2-Kenntnissen helfen.

    Gruss Hans
    Zuletzt geändert von TirochH; 08.03.2017, 22:48.
    Hans

    Kommentar


      #3


      Lieber Hans,

      Danke fur deine input !!

      I think I gonna break down the project in several steps.
      Frist I am going to make it work with two slider close to each other popup.png


      I have the sliders close together, now I need to check three conditions.
      The handles can not pass one another. The top one can not be more than the bottom one
      the bottom one can not be less than the top one. And the difference between the two handles can
      not be less than a fixed amount.

      I use the top is 0 and bottom is 100 procent version (Max = 0, and Min = -100)
      Ps are you using the 0 to 100 data format or the -127 to 128 data format?
      I used the last one.

      Oke first test, see above picture, if I Slide the top handle past the bottom one lets say -85 procent.
      the top handle should move back to a position above the bottom one, in this example -53 procent
      the fixed amount is 20.
      is such an auto movent possible?

      I tried it with a logic sheet but ended up in an endless loop.

      So first action on the project the "put the slider back to a correct position"

      Mochte gerne input danke,

      Grusse,

      Gerwin

      Zuletzt geändert von TBBW; 18.03.2017, 22:10.

      Kommentar

      Lädt...
      X