Kontextmenü

[Matthias Scharwies]

Servus!

@@Matthias Scharwies

Vielen Dank für die Rückmeldung!

Ich habe ein nav-Element verwendet

nav ist falsch: “The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.” [Spec]

Ok, also aside oder div? Ich hab' jetzt ein div genommen.

Buttons für Aktionen auf der Seite sind keine Navigation.

Da du wohl eher Aktionen ausführst, als auf andere Seiten zu verweisen, habe ich statt des a- ein button-Element verwendet.

button ist richtig. a ohne sinnvolles href (z.B. wie hier href="#") ist falsch.

Diese ändert die Klasse des Menüs von inactive auf active, sodass es sichtbar wird.

Wozu Klassen? (Noch dazu zwei davon?) Dafür gibt es das hidden-Attribut, was anstelle der Klassen zu verwenden ist.

Dann funktioniert die Steuerung der Sichtbarkeit sogar ohne CSS.

Perfekt!

Die oben genannten Codebeispiele finden sich in diesem Tutorial:

• JavaScript/Anwendung und Praxis/Kontextmenü

Es zeigt zumindest den Weg zum Kontextmenü ein bisschen kleinschrittiger als das alte Beispiel, das im 2. Kapitel noch zu sehen ist.

Herzliche Grüße

Matthias Scharwies