Felix Riesterer: zugängliches Dropdown-Menü funzt net

Beitrag lesen

problematische Seite

Lieber Gunnar,

Dann aber bitte das jQuery-Zeugs in JavaScript übersetzen.

so lange in den Browsern der echte(!) Komfort von jQuery fehlt, gibt es nach wie vor gute Gründe für den Einsatz dieses Frameworks.

Übersetze mir doch bitte dieses Beispiel in Vanilla-JavaScript und beachte den Aspekt "write less, do more":

$("#hamburger-navigation ul").parent().prepend(
	$("<button>open</button>")
	.attr("aria-label", "open")
	.attr("title", "open")
	.click(function (e) {
		var open, $ul;

		$(e.target).parent().toggleClass("open");

		open = $(e.target).parent().hasClass("open");

		$(e.target)
		.html(open ? "close" : "open")
		.attr("aria-label", open ? "close" : "open")
		.attr("title", open ? "close" : "open");
	})
);

Wird es in Vanilla-JS ebenso kurz und iteriert es wirklich über alle gefundenen Elemente in der gleichen Art?

Liebe Grüße,

Felix Riesterer.

1 64

zugängliches Dropdown-Menü funzt net

Matthias Scharwies
  • css
  • selfhtml-wiki
  1. 0
    Felix Riesterer
    1. 0
      Matthias Apsel
      1. 0
        Matthias Scharwies
        1. 0
          Matthias Apsel
          1. 0
            Matthias Apsel
            1. 0
              Felix Riesterer
              1. 0
                Matthias Apsel
                1. 0
                  Felix Riesterer
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    Matthias Apsel
                2. 0
                  Gunnar Bittersmann
        2. 0
          marctrix
          1. 0
            Matthias Scharwies
            1. 0
              marctrix
      2. 0
        Felix Riesterer
        1. 0
          Matthias Apsel
          1. 0
            Felix Riesterer
            1. 0
              Matthias Apsel
              • css
              • usability
              1. 0
                Camping_RIDER
        2. 1

          meine Lösung des Problems

          Camping_RIDER
          1. 0
            Gunnar Bittersmann
            1. 0
              Camping_RIDER
              1. 0
                Gunnar Bittersmann
                1. 1
                  Camping_RIDER
          2. 0
            MudGuard
            1. 0
              Camping_RIDER
  2. 1
    Gunnar Bittersmann
  3. 0
    Felix Riesterer
    1. 1
      Gunnar Bittersmann
      • javascript
      • selfhtml-wiki
      1. 0
        Felix Riesterer
        1. 1
          Gunnar Bittersmann
          • javascript
          1. 1
            Matthias Scharwies
            1. 0
              Gunnar Bittersmann
              1. 4
                1unitedpower
          2. 0
            Felix Riesterer
            1. 0
              Gunnar Bittersmann
              1. 2
                Gunnar Bittersmann
                1. 0
                  Gunnar Bittersmann
                2. 1
                  MudGuard
            2. 0
              Gunnar Bittersmann
              • usability
              • ux
              1. 1

                Doppelmoral? Konzeptproblem?

                Camping_RIDER
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunnar Bittersmann
                    1. 2
                      Mitleser
                      1. 0
                        Gunnar Bittersmann
                        1. 2
                          Mitleser
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Mitleser
        2. 1
          Camping_RIDER
          1. 0
            Felix Riesterer
            1. 0
              Camping_RIDER
  4. 0
    Felix Riesterer
    1. 0
      Camping_RIDER
  5. 0

    und mein Versuch einer Lösung

    JürgenB
    1. 0
      Gunnar Bittersmann
      1. 0
        JürgenB
        1. 0
          Gunnar Bittersmann
          1. 0
            JürgenB
      2. 0
        Felix Riesterer
    2. 0
      Camping_RIDER
      1. 0
        JürgenB
  6. 0

    zugängliches Dropdown-Menü -vorläufiges Fazit

    Matthias Scharwies
    1. 0
      Gunnar Bittersmann