[Kain_to_Charlie_a_Delta_to_Kain]

Czy w czystym JSie da się zrobić tak, że wyszukuje np. wszystkie elementy selektorem querySelectorAll, ale np minus jeden element (-:last-child)? Tak, żeby wyłączyć konkretny element z zasięgu selektora?

#javascript #naukaprogramowania

[Melcma]

@Kain_to_Charlie_a_Delta_to_Kain: querySelectorAll zwraca ci tablice, wiec wystarczy, ze wywalisz ostatni element z tablicy, np array slice/splice(0, array.length-1) czy jakos tak

[entrop]

@Kain_to_Charlie_a_Delta_to_Kain: to bardziej css

div:not(:last-child)

[Kain_to_Charlie_a_Delta_to_Kain]

@Melcma: @entrop: to tylko przykład. Ogólnie to próbuje sobie zrobić menu, że po kliknięciu gdziekolwiek indziej niż menu - ono znika. I wcześniej też by mi się przydało - że nakładam na 2 różne menu (rózne tablice) eventy, i chciałbym zeby znikały oba po kliknięciu, ale niektóre powinny się dalej rozwijać - czyli robie akcje na wielu elementach, ale nie na konkretnych.
Teraz szukam, czy da się z konkretnych zdjąć

[entrop]

@Kain_to_Charlie_a_Delta_to_Kain: sprawdzaj event.target i jeśli nie jest to menu (czyli kliknąłeś gdziekolwoiek indziej) ew. nie jest to ani rodzic ani dziecko menu to zamykaj

[Kain_to_Charlie_a_Delta_to_Kain]

@entrop: o! dziękuje, faktycznie.

[entrop]

@Kain_to_Charlie_a_Delta_to_Kain: ten event.target jakos chyba na firefoxie nie działa, jest prosta alternatywa tylko teraz sobie nie przypomnę jak to się nazywało - ale łatwo to sobie zgooglujesz

[D.....k]

@entrop: @Kain_to_Charlie_a_Delta_to_Kain: jak odpalasz menu to rób diva a'la overlay na reszcie strony i zamykaj menu po kliknięciu w niego - wtedy unikniesz zasobochłonnego sprawdzania po childach

[Kain_to_Charlie_a_Delta_to_Kain]

@Dreszczyk: sprytne :)

[D.....k]

@Kain_to_Charlie_a_Delta_to_Kain: (⌐ ͡■ ͜ʖ ͡■)

[m.....t]

@Kain_to_Charlie_a_Delta_to_Kain nie sprawdzaj na co jest target tylko ustaw na html cose a na menu wyłącz propagacje

[Kain_to_Charlie_a_Delta_to_Kain]

@mortt: póki co zrobiłem na targecie, bo szybko poszło, ale potem chętnie poczytam o Twoim proponowanym rozwiązaniu, dzięki

[m.....t]

@Kain_to_Charlie_a_Delta_to_Kain (cose miało być close ale coś nie poszło) wyłączenie propagacji to jest prawilne rozwiązanie a sprawdzenie targetu jest trochę nieeleganckie :)

[rbielawski]

@Kain_to_Charlie_a_Delta_to_Kain: Nie słuchaj @mortt, nic nie umie i się wymądrza.

[m.....t]

@rbielawski ( ͡° ͜ʖ ͡°)

[Kain_to_Charlie_a_Delta_to_Kain]

@mortt: troszkę odkopie po pewnym czasie. Mógłbyś podesłać jakieś info o tym html close albo rozwinać, o co chodziło? To jakiś selektor, metoda czy po prostu skrót myślowy na potomków htmla? Bo tak zacząlem to googlować i po 30 minutach dalej nic ( ͡° ʖ̯ ͡°)

[m.....t]

@Kain_to_Charlie_a_Delta_to_Kain:
Oczywiście jQuery jest tu tylko dla skrócenia zapisu:
$('htm').click(() => funkcjazamykającaMenu())
$('#menucontainer').click((event) => event.stopPropagation());
Pierwsze to event na cały html, który przy kliknięciu np. na diva poprzez event bubbling leci do tagu html z racji, że jest jego parentem (działa też w drugim kierunku - na child'a). Drugie to podpięcie click eventu, który wyłącznie zablokuje propagację informacji o kliknięciu. Dzięki czemu event click nie dociera z #menucontainer do parenta

[rbielawski]

@mortt: to już w założeniu jest #!$%@? rozwiązanie :P

[m.....t]

@rbielawski: wolałbyś jak rozumiem sprawdzać każdy click na stronie czy jest kliknięciem w menu? ;)

[rbielawski]

@mortt: nie, to jest jeszcze bardziej #!$%@?

[m.....t]

@rbielawski: to jak to rozwiążesz w vanilli, tak żeby nie było zbyt rozbuchane? Bo w jQuery najprościej tak:
$(document).on('click', function(event) {
if (!$(event.target).closest('#menucontainer').length) {
// Hide the menus.
}
});

ew. czymkolwiek stąd: https://css-tricks.com/dangers-stopping-event-propagation/
przy czym to jest faktycznie sprawdzanie każdego clicku. (zaznaczam, że wszystko leci w jQ na stronie)