Gunnar Bittersmann: Navigation auf mobilen Geräten ein- und ausklappen

Beitrag lesen

@@Martin_Online:

nuqneH

<html class="no-js">

Die Klasse kann man sich sparen.

document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';

Dann muss man sie hier nicht mühsam entfernen, sodern einfach nur " js" hinzufügen.

BTW, es gibt classList.add() und classList.remove().

Im Stylesheet braucht man '.no-js' nicht. Man gibt einfach die Regeln für ohne JavaScript an und per '.js' zusätzlich die Regeln für wenn JavaScript aktiviert ist (progressive enhancement).

Und sollte man’s doch brauchen, gibt es ja 'html:not(.js)'.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
0 109

Navigation auf mobilen Geräten ein- und ausklappen

oxo888oxo
  • javascript
  1. 1
    Martin_Online
    1. 1
      Gunnar Bittersmann
      1. 1
        oxo888oxo
      2. 0
        oxo888oxo
    2. 0
      oxo888oxo
      1. 1
        Gunnar Bittersmann
        1. 0
          oxo888oxo
    3. 0

      Wohin mit dem Javascript im HTML Code?

      oxo888oxo
      1. 1
        Martin_Online
        1. 1

          Nachtrag

          Martin_Online
          • html
          1. 1

            Deine Seite auf dem Handy

            Martin_Online
            1. 0
              oxo888oxo
          2. 0
            oxo888oxo
        2. 0
          oxo888oxo
          1. 1

            JS Script im Kopf oder Fuß Bereich?

            Martin_Online
            1. 1
              Auge
            2. 0
              oxo888oxo
              1. 1
                Auge
                1. 0
                  oxo888oxo
                  1. 1
                    Auge
                    1. 0
                      oxo888oxo
                    2. 0

                      Funktioniert doch noch nicht mit Script im head

                      oxo888oxo
                      1. 1
                        Martin_Online
                        1. 0
                          oxo888oxo
                          1. 1
                            Martin_Online
                            1. 1

                              Nachtrag: Android Browser

                              Martin_Online
                              1. 0
                                oxo888oxo
                                1. 1
                                  Martin_Online
                                  • css
                                  1. 0
                                    oxo888oxo
                              2. 1
                                Gunnar Bittersmann
                                1. 0

                                  Gunnar spricht in fremden Zungen

                                  Auge
                                  • menschelei
                        2. 1
                          Auge
                          1. 0

                            Habe ich Hinweis auf Fehler im Script richtig verstanden?

                            oxo888oxo
                            1. 1
                              Auge
                              1. 0
                                oxo888oxo
                                1. 1
                                  Auge
                                2. 1
                                  Martin_Online
                                  1. 0
                                    oxo888oxo
                                    1. 1

                                      An die JS Speziallisten

                                      Martin_Online
                                      1. 0
                                        oxo888oxo
                                        1. 1
                                          Martin_Online
                                        2. 1

                                          Fehler gefunden

                                          Martin_Online
                                          1. 0
                                            oxo888oxo
                                            1. 1
                                              Martin_Online
                                              1. 1
                                                Gunnar Bittersmann
                                                1. 1
                                                  Martin_Online
                                                  1. 1
                                                    Gunnar Bittersmann
                                                  2. 0
                                                    oxo888oxo
                                                    1. 1
                                                      Martin_Online
                                                      1. 0
                                                        oxo888oxo
                                                        1. 1
                                                          Martin_Online
                                                          1. 0
                                                            oxo888oxo
                                                          2. 0

                                                            Aktuelle Version ohne <html class="no-js">

                                                            oxo888oxo
                                                            1. 0
                                                              Martin_Online
                                                              1. 0
                                                                oxo888oxo
                                                              2. 0
                                                                oxo888oxo
                                                              3. 0

                                                                CSS-Code für Mobile-First umbauen

                                                                oxo888oxo
                                                                1. 0
                                                                  Martin_Online
                                                                  1. 0
                                                                    oxo888oxo
                                                                    1. 0
                                                                      Martin_Online
                                                                      1. 0
                                                                        oxo888oxo
                                                                        1. 0
                                                                          Martin_Online
                                                                          1. 0
                                                                            oxo888oxo
                                                                            1. 0
                                                                              Martin_Online
                                                                              1. 0
                                                                                oxo888oxo
                                                                                1. 0
                                                                                  Martin_Online
                                                                                  1. 0
                                                                                    oxo888oxo
                                                                                    1. 0
                                                                                      Martin_Online
                                                                                      1. 0
                                                                                        oxo888oxo
                                                                                        1. 0
                                                                                          Martin_Online
                                                                                          1. 0
                                                                                            oxo888oxo
                                                                                            1. 0
                                                                                              Gunnar Bittersmann
                                                                                            2. 0
                                                                                              Martin_Online
                                                                                              1. 0
                                                                                                oxo888oxo
                                                                                              2. 0
                                                                                                Gunnar Bittersmann
                                                                                              3. 0
                                                                                                Gunnar Bittersmann
                                                        2. 1
                                                          molily
                                                2. 0

                                                  Also JS doch lieber unten einbinden, ja?

                                                  oxo888oxo
                                          2. 1
                                            molily
                                            1. 0
                                              oxo888oxo
            3. 1
              molily
              1. 0
                oxo888oxo
                1. 1
                  Gunnar Bittersmann
          2. 1
            molily
            1. 0
              oxo888oxo
        3. 0
          oxo888oxo
    4. 0

      Ich schaffe es einfach nicht ... schnieef :)

      oxo888oxo
      1. 0
        Martin_Online
        1. 0
          oxo888oxo
          1. 0
            Martin_Online
            1. 0
              oxo888oxo
              1. 0
                Matthias Apsel
                1. 0
                  oxo888oxo
                  1. 0
                    Matthias Apsel
    5. 0

      Ich bekomme es nicht hin ... muss wohl echt aufgeben nun.

      oxo888oxo
    6. 0
      oxo888oxo
  2. 3

    Bitte nicht ständig neue Threads zur gleichen Grundthematik

    ChrisB
    • zu diesem forum
    1. 0
      oxo888oxo
    2. 0
      oxo888oxo
      1. 1
        Martin_Online
        1. 0
          oxo888oxo
        2. 0
          oxo888oxo
          1. 1
            Martin_Online
            1. 1
              oxo888oxo
      2. 3

        Bitte nicht ständig neue Threads, Begründung

        Auge
        1. 0
          oxo888oxo
  3. 1
    Gunnar Bittersmann
    1. 1
      Gunnar Bittersmann