Felix Riesterer: Untermenu aufklappen - Anfängerfrage

Beitrag lesen

Lieber Gerhard1,

Bitte beachte, dass Deine Navigation mit Touchgeräten unbedienbar ist! Dort gibt es keine :hover-Zustände. Daher bräuchte es eigentlich eine Klapp-Navi mit Buttons.

Das, dachte ich, hätte ich mit den Angaben focus und active erledigt.

auf einem Touch-Gerät kann ich mit dem Finger das Menü auklappen wollen, indem ich den passenden Punkt (also den sichtbaren Link) mit dem Finger berühre. Dabei kann ich kurz darauf tippen (wird als Klick mit der linken Maustaste interpretiert) oder eben etwas länger (wird als Klick mit der rechten Maustaste interpretiert). Ein Klick würde den Link aufrufen und die Seite verlassen. Ein Rechtsklick würde ein Kontextmenü aufrufen.

Du kannst auf Touchgeräten nicht hovern! Das gibt es dort nicht! Also kann auch der "Hover-Zustand" nicht eintreten, auf den mit der Pseudoklasse :hover reagiert werden soll.

Muss man dann zweierlei Methoden realisieren, abhängig vom verwendeten Gerät?

Ja. Wenn Du "Gerät" schreibst, dann solltest Du das Eingabegerät (Maus/Touchfeld) damit meinen.

Kannst Du mir ein einfaches Beispiel empfehlen für ein aufklappbares Menu, das überall funktiniert?

Ich habe mich an einem solchen versucht. Probiere es aus und entscheide selbst, ob es Deinen Anforderungen genügt.

Liebe Grüße,

Felix Riesterer.

0 128

Untermenu aufklappen - Anfängerfrage

Gerhard1
  • css
  • html
  1. 0
    marctrix
    1. 0
      Gerhard1
      1. 0
        marctrix
        1. 1
          Camping_RIDER
          1. 0
            marctrix
            1. 0
              Camping_RIDER
  2. 0
    Martl
    1. 0
      Gerhard1
      1. 0
        Martl
    2. 0
      beatovich
  3. 2
    Felix Riesterer
    1. 0
      Gerhard1
      1. 0
        beatovich
        1. 0
          Felix Riesterer
        2. 1
          Gunnar Bittersmann
          • barrierefreiheit
          • html
          1. 0
            beatovich
      2. 0
        Felix Riesterer
        • css
        • html
        • javascript
        1. 0
          Camping_RIDER
        2. 0
          Camping_RIDER
          1. 0
            beatovich
        3. 0
          Gunnar Bittersmann
          1. 0
            Felix Riesterer
            1. 0
              beatovich
              1. 0
                Felix Riesterer
            2. 0
              Gunnar Bittersmann
              1. 0
                Felix Riesterer
                1. 0
                  beatovich
                2. 0
                  beatovich
                  1. 0
                    Felix Riesterer
                    1. 0
                      beatovich
                    2. 0
                      Felix Riesterer
                3. 0
                  at
                  1. 0
                    Felix Riesterer
                    1. 1
                      Christian Kruse
                      1. 1
                        Gunnar Bittersmann
                        • html
                        • xml
                        1. 0
                          Christian Kruse
                          1. 1
                            Gunnar Bittersmann
                            • html
                            1. 0
                              Christian Kruse
                              1. 1
                                Matthias Apsel
                                1. 0
                                  Camping_RIDER
                            2. 0
                              Gunnar Bittersmann
                              • html
                              • html
                              • xml
                    2. 2
                      Auge
              2. 0
                Gunnar Bittersmann
      3. 1
        Gunnar Bittersmann
  4. 0
    Gunnar Bittersmann
    1. 1
      beatovich
    2. 0
      marctrix
      1. 0
        Gunnar Bittersmann
        1. 0
          marctrix
    3. 0
      Gunnar Bittersmann
      1. 0
        Gerhard1
        1. 0
          marctrix
          1. 1
            dedlfix
            1. 0
              marctrix
          2. 0
            Christian Kruse
            1. 0
              marctrix
              1. 0
                Christian Kruse
                1. 0
                  marctrix
                  1. 0
                    Christian Kruse
                    1. 0
                      marctrix
                      1. 0
                        Christian Kruse
                        1. 0
                          marctrix
          3. 0
            Gerhard1
            1. 1
              marctrix
              1. 0
                beatovich
                1. 0
                  marctrix
                  1. 0
                    beatovich
                    1. 0
                      marctrix
                      1. 0
                        beatovich
                        1. 0
                          marctrix
                          1. 0
                            beatovich
                            1. 0
                              Gerhard1
                              1. 0
                                marctrix
          4. 0
            Gerhard1
            1. 0
              marctrix
  5. 0
    Camping_RIDER
    1. 0
      Gunnar Bittersmann
      1. 0
        Camping_RIDER
        1. 0
          Gunnar Bittersmann
          1. 0
            Camping_RIDER
            1. 0
              Gunnar Bittersmann
              1. 0
                Camping_RIDER
              2. 0
                Felix Riesterer
          2. 1
            Felix Riesterer
            • css
            • html
            • menschelei
            1. 0
              Gunnar Bittersmann
  6. 0

    Schön wäre es, wenn man die für mich unverständlichen Diskussionen beenden könnte

    Gerhard1
    1. 1
      Camping_RIDER
      1. 0
        Gerhard1
        1. 2

          Kleine Führung durch die unverständlichen Diskussionen!

          Camping_RIDER
          1. 0
            Auge
            1. 0
              beatovich
              1. 0
                Auge
                1. 0
                  beatovich
                2. 0
                  Gunnar Bittersmann
            2. 0
              Camping_RIDER
    2. -1
      Martl
      1. 0
        Gunnar Bittersmann
  7. 0

    Untermenu aufklappen - Was für eine Diskussion!

    Rolandi
    1. 0
      marctrix
    2. 0
      beatovich
      1. 1
        Rolandi
        1. 0
          marctrix
        2. 0
          beatovich
          1. 1
            Rolandi
            1. 0
              beatovich
              1. 0
                marctrix
                1. 0
                  beatovich
                  1. 0
                    marctrix
                    1. 0
                      beatovich
                2. 0
                  Rolandi
                  1. 0
                    marctrix
                  2. 0
                    Gunnar Bittersmann
                    1. 1
                      Rolandi
                      1. 0
                        Camping_RIDER
                        1. 0
                          marctrix
                        2. 0
                          beatovich
                          1. 0
                            Gunnar Bittersmann
                        3. 1
                          Gunnar Bittersmann
                          1. 1
                            Camping_RIDER
                      2. 0
                        Gunnar Bittersmann
                        1. 0
                          Rolandi
                          1. 0
                            marctrix
    3. 0
      Rolandi
  8. 0
    marctrix
    1. 0
      marctrix
      1. 1
        Rolandi
        1. 0
          marctrix