Inhalte ausblenden

[Meowsalot]

Hallo Gunnar,

vielen vielen vielen Dank, es hat funktioniert: https://codepen.io/anon/pen/PRaLbB

Warum 2× EventListener? Das gehört doch alles zusammen, sollte also in einem Block stehen.

Ich habe nun alles in einen gepackt

const filterButtonElement = document.querySelector('#filter');

        filterButtonElement.hidden = false;

        filterButtonElement.addEventListener('click', (event) => {  
         
          let pressed = event.target.getAttribute('aria-pressed') === 'true'
          event.target.setAttribute('aria-pressed', String(!pressed));

          let pressed1 = event.target.getAttribute('aria-pressed') === 'true'
          
          if (pressed1 == true) {
            document.getElementById('eintraege').setAttribute('data-filtered','true');
          } else {
            document.getElementById('eintraege').setAttribute('data-filtered','false');
          }

          let text = event.target.textContent === 'Alle anzeigen' ? 'Nur meine anzeigen' : 'Alle anzeigen';
          event.target.textContent = text;
        });

Meine erste Vermutung von vorhin war also doch gar nicht so falsch, dass es am > tr: liegt
https://forum.selfhtml.org/self/2018/apr/3/inhalte-ausblenden/1718131#m1718131

Dein CSS habe ich auch noch etwas auf meine Bedürfnisse angepasst:

#eintraege[data-filtered="true"] > tbody > tr:not([data-name-sender="User1"]):not([data-name-empf="User1"]):not([data-name-sender="alle"]):not([data-name-empf="alle"])
        {
            display: none;
        }

Jetzt habe ich noch eine abschließende Frage, ist es möglich den Wert der gesetzt wurde (nur meine, oder alle) irgendwo zu speichern dass ich nicht nach jedem Reload oder nachdem ich etwas anderes angeklickt habe wieder wählen muss?

Bis bald!
Meowsalot (Bernd)