https://www.freistaedter-motorshow.at/lib/Sonstjs/PfadNav/PfadNav-onM2.js?9

1let lastTrigger = null; // Element, das das Menü geöffnet hat
2
3// Menü sichtbar machen
4function onM2() {
5    const nav = document.getElementById("PFADnav");
6    lastTrigger = document.activeElement; // Speichern des Elements, das das Menü geöffnet hat
7
8    // Menü sichtbar machen
9    nav.classList.add('visible'); // Übergang zur Sichtbarkeit mit CSS
10
11    // Fokus auf das erste fokussierbare Element im Menü setzen
12    setTimeout(() => {
13        const firstFocusable = nav.querySelector('a[href], button, input, textarea, select, [tabindex]:not([tabindex="-1"])');
14        if (firstFocusable) firstFocusable.focus();
15    }, 300); // Wartezeit, um sicherzustellen, dass das Menü angezeigt wird
16}
17
18// Menü unsichtbar machen
19function offM2() {
20    const nav = document.getElementById("PFADnav");
21
22    // Menü unsichtbar machen
23    nav.classList.remove('visible');
24
25    // Fokus zurück zum Element setzen, das das Menü geöffnet hat
26    if (lastTrigger) lastTrigger.focus();
27}
28
29// ===== Öffnen und Schließen des Menüs (htmlnav) =====
30function onMobile1() {
31    const nav = document.getElementById("htmlnav");
32    lastTrigger = document.activeElement; // Merk dir das Element, das das Menü geöffnet hat
33
34    // Menü sichtbar machen
35    nav.style.display = 'inline-block';
36    nav.setAttribute('aria-hidden', 'false');
37
38    // Fokus auf das erste fokussierbare Element setzen
39    const firstFocusable = nav.querySelector('a[href], button, input, textarea, select, [tabindex]:not([tabindex="-1"])');
40    if (firstFocusable) firstFocusable.focus();
41}
42
43function offMobile1() {
44    const nav = document.getElementById("htmlnav");
45
46    // Menü unsichtbar machen
47    nav.style.display = 'none';
48    nav.setAttribute('aria-hidden', 'true');
49
50    // Fokus zurück zum Element setzen, das das Menü geöffnet hat
51    if (lastTrigger) lastTrigger.focus();
52}