ChrisB: Zwei Links ohne ID Dynamisch einen Wert zuweisen

Beitrag lesen

Hi,

Ich habe 2 Buttons (Lautstärkeregler für ein Video) für jeweils Laut und Leise, wenn man auf „Laut“ klickt, setze ich den Wert für Volume um 10% hoch, dass heisst, in diesem Moment müsste der Wert für „Leise“ auch um 10‰ erhöht werden, damit bei Klick auf „Leise“ ab dem neu gesetzten Wert -10% abgezogen werden können.

Das klingt weniger sinnvoll.

Der Lautstärkewert wird doch sicher in irgendeiner Variablen o.ä. abgelegt sein? Dann reicht es doch aus, von den Links aus deren Wert um 10 zu erhöhen oder zu verringern.

Das Problem ist, dass diese Links ohne ID auskommen müssen.

Warum?

Ich speichere den Aktuell gesetzten Wert in einem rel-Attribut direkt in den Links für „Lauter“ und „Leiser“ (im Firebug kann man es sehr gut nachvollziehen) und zustäzlich in einem Cookie.

Warum rel-Attribut? Willst du den Wert schon per HTML übergeben?

Rein von JavaScript aus kannst du einem HTML-Elementobjekt problemlos eigene Eigenschaften verpassen (sog. expando-properties). Du solltest nur darauf achten, dass diese mit ggf. schon vorhandenen Eigenschaften kollidieren.

Volume JS
So soll es sein, nur, wie löse ich es am besten?

Da ist ja noch nicht zu erkennen, wie das mit irgendeinem Player interagieren soll.

Was aber zu erkennen ist, ist dass der Wert bereits in „gespeicherter” Form vorliegt - momentan in dem P-Element, in dem du ihn zur Kontrolle ausgeben lässt. Auch von dort wäre er wieder auslesbar, so dass die Buttons selber voneinander nichts weiter wissen müssen.

MfG ChrisB

--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
0 61

Zwei Links ohne ID Dynamisch einen Wert zuweisen

Malcolm Beck´s
  • javascript
  1. 0
    ChrisB
    1. 0
      ChrisB
      1. 0
        Malcolm Beck´s
    2. 0
      Malcolm Beck´s
      1. 0
        ChrisB
        1. 0
          Malcolm Beck´s
          1. 0
            ChrisB
            1. 0
              Malcolm Beck´s
              1. 0
                ChrisB
                1. 0
                  Malcolm Beck´s
                  1. 0
                    ChrisB
                    1. 0
                      Malcolm Beck´s
              2. 0
                Kai345
                1. 0
                  Malcolm Beck´s
                  1. 2
                    Gunnar Bittersmann
                    1. 0
                      Malcolm Beck´s
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Malcolm Beck´s
                          1. 0
                            Gunnar Bittersmann
                            1. 0

                              FF und Object bei deaktiviertem CSS

                              Malcolm Beck´s
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  Malcolm Beck´s
                                  1. 0
                                    Patrick Andrieu
                                    1. 0

                                      FF: was ist Webseiten-Stil?

                                      Malcolm Beck´s
                                  2. 0
                                    Gunnar Bittersmann
                                    1. 0
                                      Malcolm Beck´s
                                    2. 0
                                      Struppi
      2. 0
        Kai345
        1. 0
          Malcolm Beck´s
          1. 0
            Kai345
            1. 0
              Malcolm Beck´s
              1. 0
                Kai345
                1. 0
                  Malcolm Beck´s
  2. 0
    jobo
    1. 0
      Malcolm Beck´s
  3. 0

    getAttribute und setAttribute

    Malcolm Beck´s
    1. 0
      Struppi
      1. 0
        Malcolm Beck´s
        1. 0
          ChrisB
          1. 0

            Danke gelöst

            Malcolm Beck´s
            1. 0
              Kai345
              1. 0
                Malcolm Beck´s
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Malcolm Beck´s
                    1. 0
                      Malcolm Beck´s
  4. 0

    JQuery+CSS: display:none, aber nur, wenn Javascript erlaubt ist

    Malcolm Beck´s
    1. 1
      Gunnar Bittersmann
      1. 0
        Malcolm Beck´s
      2. 0
        Malcolm Beck´s
    2. 1
      Patrick Andrieu
      1. 0
        Malcolm Beck´s
      2. 0
        Gunnar Bittersmann
        1. 0
          Patrick Andrieu
          1. 0
            Gunnar Bittersmann
            1. 0
              Patrick Andrieu
              1. 0
                Gunnar Bittersmann
                1. 0
                  Patrick Andrieu
        2. 0
          Malcolm Beck´s
          1. 0
            Gunnar Bittersmann
            1. 0
              Malcolm Beck´s